fix(elements): add styles for kbd

inkdropapp · Nov 6, 2024 · cd41186 · cd41186
1 parent ff989f0
commit cd41186
Showing 1 changed file with 23 additions and 10 deletions.
diff --git a/src/site/globals/site.overrides b/src/site/globals/site.overrides
@@ -1052,6 +1052,18 @@
   --divider-border-highlight-width: 1px;
   --divider-border-highlight-color: var(--white-border-color);
 
+  /*-------------------
+        Elements
+  --------------------*/
+  --mark-border-width: 1px;
+  --mark-border-color: hsl(var(--hsl-yellow-400) / 40%);
+  --mark-background-color: hsl(var(--hsl-yellow-400) / 20%);
+  --mark-color: light-dark(var(--color-gray-950), var(--color-gray-50));
+  --mark-font-weight: var(--font-weights-bold);
+  --kbd-color: var(--muted-text-color);
+  --kbd-background: light-dark(var(--off-white), var(--subtle-transparent-white));
+  --kbd-border-color: var(--border-color);
+
   /*-------------------
         Header
   --------------------*/
@@ -1490,11 +1502,6 @@
   --note-search-bar-border-bottom: 1px solid rgba(255, 255, 255, 0.8);
   --note-search-bar-input-border: 1px solid transparent;
   --note-search-bar-input-background: var(--input-background);
-  --mark-border-width: 1px;
-  --mark-border-color: hsl(var(--hsl-yellow-400) / 40%);
-  --mark-background-color: hsl(var(--hsl-yellow-400) / 20%);
-  --mark-color: light-dark(var(--color-gray-950), var(--color-gray-50));
-  --mark-font-weight: var(--font-weights-bold);
 
   /*-------------------
         Editor
@@ -2134,6 +2141,15 @@
   --divider-border-highlight-width: 1px;
   --divider-border-highlight-color: var(--white-border-color);
 
+  /*-------------------
+        Elements
+  --------------------*/
+  --mark-border-width: 1px;
+  --mark-border-color: hsl(var(--hsl-yellow-400) / 40%);
+  --mark-background-color: hsl(var(--hsl-yellow-400) / 20%);
+  --mark-color: light-dark(var(--color-gray-950), var(--color-gray-50));
+  --mark-font-weight: var(--font-weights-bold);
+
   /*-------------------
         Header
   --------------------*/
@@ -2160,6 +2176,7 @@
   --sub-header-font-size: var(--h3-sub-header-font-size);
   --small-sub-header-font-size: var(--h4-sub-header-font-size);
   --tiny-sub-header-font-size: var(--h5-sub-header-font-size);
+
   /*-------------------
         Input
   --------------------*/
@@ -2536,11 +2553,7 @@
   --note-search-bar-border-bottom: 1px solid var(--border-color);
   --note-search-bar-input-border: 1px solid transparent;
   --note-search-bar-input-background: var(--input-background);
-  --mark-border-width: 1px;
-  --mark-border-color: hsl(var(--hsl-yellow-400) / 40%);
-  --mark-background-color: hsl(var(--hsl-yellow-400) / 20%);
-  --mark-color: light-dark(var(--color-gray-950), var(--color-gray-50));
-  --mark-font-weight: var(--font-weights-bold);
+
   /*-------------------
         Editor
   --------------------*/