From f764b25ef49534a0d407d1ce3d06788dfb1afc74 Mon Sep 17 00:00:00 2001
From: wappon28dev <wappon_28_dev@ruru.be>
Date: Wed, 24 Apr 2024 15:32:03 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=89=B2=E3=81=82=E3=81=9F?=
 =?UTF-8?q?=E3=82=8A=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/styles/article.scss          | 19 ++++++++++---------
 src/lib/styles/variables/colors.scss |  9 +++++++++
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/lib/styles/article.scss b/src/lib/styles/article.scss
index c9c1f2d..e4c9366 100644
--- 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
index 4637e7a..f24e4f6 100644
--- 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);