fix: Misc styles

kiosion · Oct 30, 2023 · 14a0c86 · 14a0c86
1 parent 49bce4a
commit 14a0c86
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/svelte-app/src/components/context-menu/menu.svelte b/svelte-app/src/components/context-menu/menu.svelte
@@ -65,12 +65,12 @@
 
 <style lang="scss">
   div {
-    @apply fixed z-20 grid min-w-[14rem] overflow-hidden rounded-lg border border-dark/40 bg-light/50 py-2 text-dark backdrop-blur-md;
+    @apply fixed z-20 grid min-w-[14rem] overflow-hidden rounded-lg border border-black/40 bg-light/50 py-2 text-dark backdrop-blur-md;
   }
 
   :global(.dark) {
     div {
-      @apply border-light/40 bg-dark/50 text-light;
+      @apply border-light/40 bg-black/50 text-light;
     }
   }
 </style>
diff --git a/svelte-app/src/components/portable-text/footnote.svelte b/svelte-app/src/components/portable-text/footnote.svelte
@@ -35,7 +35,6 @@
 <span>
   <slot />&nbsp;<sup
     ><a
-      class="decoration-dark-400 dark:decoration-light-500 underline decoration-dotted underline-offset-4"
       href={`#note-${portableText.value._key}`}
       id="src-{portableText.value._key}"
       aria-label="Go to footnote"
@@ -48,3 +47,21 @@
     ></sup
   >
 </span>
+
+<style lang="scss">
+  span {
+    &,
+    sup > a {
+      @apply underline decoration-dark/80 decoration-dotted underline-offset-4;
+    }
+  }
+
+  :global(.dark) {
+    span {
+      &,
+      sup > a {
+        @apply decoration-light/80;
+      }
+    }
+  }
+</style>
diff --git a/svelte-app/src/components/tooltip.svelte b/svelte-app/src/components/tooltip.svelte
@@ -56,10 +56,10 @@
       'backdrop-blur-sm',
       'bg-light/50',
       'text-dark',
-      'dark:bg-dark/50',
+      'dark:bg-black/50',
       'dark:text-light',
       'border',
-      'border-dark/40',
+      'border-black/40',
       'dark:border-light/40',
       'font-code',
       'text-sm'