Adjust inline code color/fontsize

somnisomni · Jan 3, 2023 · 984f758 · 984f758
1 parent cf782e7
commit 984f758
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss
@@ -1,31 +1,36 @@
-:root {
+@mixin vars-light {
   --color-background-main: #FFF;
   --color-background-secondary: #F7F8FA;
   --color-background-contrast: #E1E3E6;
   --color-background-overlay: rgba(37,40,43,0.9);
   --color-content-lead: #000;
   --color-content-main: #222426;
   --color-content-secondary: #73777D;
+  --color-content-inline-code: #A00;
 }
 
-.theme-dark:root {
+@mixin vars-dark {
   --color-background-main: #222426;
   --color-background-secondary: #1D1F20;
   --color-background-contrast: #3B3D40;
   --color-background-overlay: rgba(9,10,13,0.9);
   --color-content-lead: #FFF;
   --color-content-main: #E1E3E6;
   --color-content-secondary: #909499;
+  --color-content-inline-code: #E77;
+}
+
+
+:root {
+  @include vars-light;
+}
+
+.theme-dark:root {
+  @include vars-dark;
 }
 
 @media (prefers-color-scheme: dark) {
   html:not(.theme-light):root {
-    --color-background-main: #222426;
-    --color-background-secondary: #1D1F20;
-    --color-background-contrast: #3B3D40;
-    --color-background-overlay: rgba(9,10,13,0.9);
-    --color-content-lead: #FFF;
-    --color-content-main: #E1E3E6;
-    --color-content-secondary: #909499;
+    @include vars-dark;
   }
 }
diff --git a/src/sass/style.scss b/src/sass/style.scss
@@ -267,15 +267,15 @@ textarea {
     padding: 4px 6px;
     border-radius: 6px;
     font-family: var(--font-monospace);
-    font-size: 0.75em;
+    font-size: 0.8em;
     background: var(--color-background-secondary);
     border: 1px solid var(--color-background-contrast);
     white-space: nowrap;
   }
 
   :not(pre) code,
   :not(pre) tt {
-    color: #C00;
+    color: var(--color-content-inline-code);
   }
 
   pre {