💄 色あたり修正

misc-org · Apr 24, 2024 · f764b25 · f764b25
1 parent 1e9b956
commit f764b25
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 9 deletions.
diff --git a/src/lib/styles/article.scss b/src/lib/styles/article.scss
@@ -18,16 +18,17 @@ article {
 
   & .code-block {
     padding-inline: $spacing-5;
-    background-color: $color-text;
-    color: $color-bg;
+    background-color: $color-static-black;
+    border: 1px solid $color-static-white;
+    color: $color-static-white;
     font-size: $size-sm;
+    border-radius: $radii-lg;
 
     > div {
       display: flex;
       justify-content: space-between;
       align-items: center;
-      border-bottom: 1px solid;
-      border-color: $color-bg;
+      border-bottom: 1px solid $color-static-white;
     }
 
     > pre {
@@ -38,12 +39,12 @@ article {
   }
 
   & p > code {
-    // background-color: $color-9u-brown;
-    // border: 1px solid $color-9u-white;
-    // color: $color-9u-white;
-    // padding: 1rem 2rem;
+    background-color: $color-static-black;
+    border: 1px solid $color-static-white;
+    color: $color-static-white;
+    padding: $spacing-1 $spacing-2;
     font-size: $size-sm;
-    border-radius: $radii-sm;
+    border-radius: $radii-md;
   }
 
   & iframe {

diff --git a/src/lib/styles/variables/colors.scss b/src/lib/styles/variables/colors.scss
@@ -5,6 +5,9 @@
   --color-bg: #f3f3f3;
   --color-neutral: #d9d9d9;
   --color-highlight: #f4ff73;
+
+  --color-static-black: #000;
+  --color-static-white: #fff;
 }
 
 html[data-theme="dark"] {
@@ -14,9 +17,15 @@ html[data-theme="dark"] {
   --color-bg: #333;
   --color-neutral: #d9d9d9;
   --color-highlight: #999e5f;
+
+  --color-static-black: #333;
+  --color-static-white: #f3f3f3;
 }
 
 $color-text: var(--color-text);
 $color-bg: var(--color-bg);
 $color-neutral: var(--color-neutral);
 $color-highlight: var(--color-highlight);
+
+$color-static-black: var(--color-static-black);
+$color-static-white: var(--color-static-white);