From 14a0c869e0f3ff924e4f5e3ff7cc99da0e54f9ea Mon Sep 17 00:00:00 2001
From: kiosion <hi@kio.dev>
Date: Mon, 30 Oct 2023 17:49:32 -0400
Subject: [PATCH] fix: Misc styles

---
 .../src/components/context-menu/menu.svelte   |  4 ++--
 .../components/portable-text/footnote.svelte  | 19 ++++++++++++++++++-
 svelte-app/src/components/tooltip.svelte      |  4 ++--
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/svelte-app/src/components/context-menu/menu.svelte b/svelte-app/src/components/context-menu/menu.svelte
index f2ed7fc29..c0d51cbbb 100644
--- 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
index 3e4f388ae..01f7fa255 100644
--- 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
index 8963928e4..ee872d324 100644
--- 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'