feat(stage-web): make the logo also follow the color theme (#61)

2025-03-08 22:16:51 +08:00
parent bafd7a72e5
commit b551c1be31
1 changed files with 8 additions and 2 deletions
@@ -14,13 +14,19 @@ const dark = useDark()
    gap-2 px-2 text-nowrap text-2xl outline-none
  >
    <template v-if="dark">
-      <img :src="LogoDark" h-8 w-8>
+      <img :src="LogoDark" h-8 w-8 class="theme-colored">
    </template>
    <template v-else>
-      <img :src="Logo" h-8 w-8>
+      <img :src="Logo" h-8 w-8 class="theme-colored">
    </template>
    <div font-cute>
      <span>アイリ</span>
    </div>
  </RouterLink>
 </template>
+
+<style scoped>
+.theme-colored {
+  filter: hue-rotate(calc(var(--theme-colors-hue, 0) * 1deg));
+}
+</style>