style: fix logo colors

This commit is contained in:
Youwen Wu 2024-04-03 13:42:08 -07:00
parent ce71adf981
commit 64fb7f9f0c
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
3 changed files with 121 additions and 99 deletions

BIN
bun.lockb

Binary file not shown.

View file

@ -10,7 +10,7 @@
xmlns="http://www.w3.org/2000/svg"
version="1.1"
viewBox="0 0 2048 416"
class="diagram select-none font-mono"
class="diagram select-none font-mono logo"
text-anchor="middle"
font-size="13px"
stroke-linecap="round"
@ -21,54 +21,54 @@
out:fly={{ x: 100, duration: 300 }}
>
<a {href}>
<circle cx="936" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="936" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="944" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="944" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="952" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="952" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="960" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="960" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="968" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="968" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="976" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="976" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="976" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="976" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="976" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="976" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="984" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="984" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="992" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="992" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1000" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1000" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1008" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1008" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1008" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1008" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1016" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1016" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1016" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1016" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1024" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1024" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1024" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1024" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1032" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1032" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1040" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1040" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1048" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1048" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1056" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1056" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1064" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1064" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1064" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1064" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1064" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="1064" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="936" cy="192" r="6" class="opendot" />
<circle cx="936" cy="208" r="6" class="opendot" />
<circle cx="944" cy="128" r="6" class="opendot" />
<circle cx="944" cy="272" r="6" class="opendot" />
<circle cx="952" cy="128" r="6" class="opendot" />
<circle cx="952" cy="272" r="6" class="opendot" />
<circle cx="960" cy="112" r="6" class="opendot" />
<circle cx="960" cy="288" r="6" class="opendot" />
<circle cx="968" cy="112" r="6" class="opendot" />
<circle cx="968" cy="288" r="6" class="opendot" />
<circle cx="976" cy="112" r="6" class="opendot" />
<circle cx="976" cy="176" r="6" class="opendot" />
<circle cx="976" cy="192" r="6" class="opendot" />
<circle cx="976" cy="208" r="6" class="opendot" />
<circle cx="976" cy="224" r="6" class="opendot" />
<circle cx="976" cy="288" r="6" class="opendot" />
<circle cx="984" cy="112" r="6" class="opendot" />
<circle cx="984" cy="288" r="6" class="opendot" />
<circle cx="992" cy="112" r="6" class="opendot" />
<circle cx="992" cy="288" r="6" class="opendot" />
<circle cx="1000" cy="112" r="6" class="opendot" />
<circle cx="1000" cy="288" r="6" class="opendot" />
<circle cx="1008" cy="112" r="6" class="opendot" />
<circle cx="1008" cy="160" r="6" class="opendot" />
<circle cx="1008" cy="240" r="6" class="opendot" />
<circle cx="1008" cy="288" r="6" class="opendot" />
<circle cx="1016" cy="112" r="6" class="opendot" />
<circle cx="1016" cy="160" r="6" class="opendot" />
<circle cx="1016" cy="240" r="6" class="opendot" />
<circle cx="1016" cy="288" r="6" class="opendot" />
<circle cx="1024" cy="176" r="6" class="opendot" />
<circle cx="1024" cy="192" r="6" class="opendot" />
<circle cx="1024" cy="208" r="6" class="opendot" />
<circle cx="1024" cy="224" r="6" class="opendot" />
<circle cx="1032" cy="112" r="6" class="opendot" />
<circle cx="1032" cy="288" r="6" class="opendot" />
<circle cx="1040" cy="112" r="6" class="opendot" />
<circle cx="1040" cy="288" r="6" class="opendot" />
<circle cx="1048" cy="128" r="6" class="opendot" />
<circle cx="1048" cy="272" r="6" class="opendot" />
<circle cx="1056" cy="128" r="6" class="opendot" />
<circle cx="1056" cy="272" r="6" class="opendot" />
<circle cx="1064" cy="176" r="6" class="opendot" />
<circle cx="1064" cy="192" r="6" class="opendot" />
<circle cx="1064" cy="208" r="6" class="opendot" />
<circle cx="1064" cy="224" r="6" class="opendot" />
<circle cx="1064" cy="240" r="6" class="opendot" />
<circle cx="1064" cy="256" r="6" class="opendot" />
<g class="text">
<text x="80" y="20">$$$$$</text>
<text x="80" y="36">$:::$</text>
@ -250,3 +250,14 @@
</g>
</a>
</svg>
<style lang="postcss">
.opendot {
@apply stroke-zinc-400 dark:stroke-zinc-400 fill-none;
}
.logo {
& .text {
@apply fill-black dark:fill-white;
}
}
</style>

View file

@ -10,7 +10,7 @@
xmlns="http://www.w3.org/2000/svg"
version="1.1"
viewBox="0 0 2104 416"
class="diagram select-none font-mono"
class="diagram select-none font-mono logo"
text-anchor="middle"
font-size="13px"
stroke-linecap="round"
@ -23,55 +23,55 @@
<a {href}>
<path d="M 112,352 L 232,112" fill="none" stroke="black" />
<path d="M 160,352 L 280,112" fill="none" stroke="black" />
<circle cx="680" cy="144" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="688" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="688" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="696" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="696" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="704" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="704" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="712" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="712" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="720" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="720" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="720" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="720" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="720" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="720" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="728" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="728" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="736" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="736" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="744" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="744" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="752" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="752" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="752" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="752" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="760" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="760" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="760" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="760" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="768" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="768" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="768" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="768" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="776" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="776" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="784" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="784" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="792" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="792" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="800" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="800" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="808" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
<circle cx="680" cy="144" r="6" class="opendot" />
<circle cx="680" cy="160" r="6" class="opendot" />
<circle cx="680" cy="176" r="6" class="opendot" />
<circle cx="680" cy="192" r="6" class="opendot" />
<circle cx="680" cy="208" r="6" class="opendot" />
<circle cx="680" cy="224" r="6" class="opendot" />
<circle cx="680" cy="240" r="6" class="opendot" />
<circle cx="680" cy="256" r="6" class="opendot" />
<circle cx="688" cy="128" r="6" class="opendot" />
<circle cx="688" cy="272" r="6" class="opendot" />
<circle cx="696" cy="128" r="6" class="opendot" />
<circle cx="696" cy="272" r="6" class="opendot" />
<circle cx="704" cy="112" r="6" class="opendot" />
<circle cx="704" cy="288" r="6" class="opendot" />
<circle cx="712" cy="112" r="6" class="opendot" />
<circle cx="712" cy="288" r="6" class="opendot" />
<circle cx="720" cy="112" r="6" class="opendot" />
<circle cx="720" cy="176" r="6" class="opendot" />
<circle cx="720" cy="192" r="6" class="opendot" />
<circle cx="720" cy="208" r="6" class="opendot" />
<circle cx="720" cy="224" r="6" class="opendot" />
<circle cx="720" cy="288" r="6" class="opendot" />
<circle cx="728" cy="112" r="6" class="opendot" />
<circle cx="728" cy="288" r="6" class="opendot" />
<circle cx="736" cy="112" r="6" class="opendot" />
<circle cx="736" cy="288" r="6" class="opendot" />
<circle cx="744" cy="112" r="6" class="opendot" />
<circle cx="744" cy="288" r="6" class="opendot" />
<circle cx="752" cy="112" r="6" class="opendot" />
<circle cx="752" cy="160" r="6" class="opendot" />
<circle cx="752" cy="240" r="6" class="opendot" />
<circle cx="752" cy="288" r="6" class="opendot" />
<circle cx="760" cy="112" r="6" class="opendot" />
<circle cx="760" cy="160" r="6" class="opendot" />
<circle cx="760" cy="240" r="6" class="opendot" />
<circle cx="760" cy="288" r="6" class="opendot" />
<circle cx="768" cy="176" r="6" class="opendot" />
<circle cx="768" cy="192" r="6" class="opendot" />
<circle cx="768" cy="208" r="6" class="opendot" />
<circle cx="768" cy="224" r="6" class="opendot" />
<circle cx="776" cy="112" r="6" class="opendot" />
<circle cx="776" cy="288" r="6" class="opendot" />
<circle cx="784" cy="112" r="6" class="opendot" />
<circle cx="784" cy="288" r="6" class="opendot" />
<circle cx="792" cy="128" r="6" class="opendot" />
<circle cx="792" cy="272" r="6" class="opendot" />
<circle cx="800" cy="128" r="6" class="opendot" />
<circle cx="800" cy="272" r="6" class="opendot" />
<circle cx="808" cy="256" r="6" class="opendot" />
<g class="text">
<text x="256" y="116">/////</text>
<text x="504" y="116">yyyyyyy</text>
@ -276,3 +276,14 @@
</g>
</a>
</svg>
<style lang="postcss">
.opendot {
@apply stroke-zinc-400 dark:stroke-zinc-400 dark:fill-zinc-500 fill-zinc-300;
}
.logo {
& .text {
@apply fill-black dark:fill-white;
}
}
</style>