#33 refactor: language text 컬러 개선

msung99 · Jun 21, 2024 · be3a801 · be3a801
1 parent 811c542
commit be3a801
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/post/post-content/post-style/index.jsx b/src/components/post/post-content/post-style/index.jsx
@@ -179,8 +179,15 @@ export const HtmlWrapper = styled.div`
     margin-bottom: 10px;
   }
 
+  code.language-text {
+    background-color: ${props => props.theme.post.content.highlight.text};
+    color: ${props => props.theme.main.text};
+    font-size: 14.5px;
+  }
+
   .gatsby-highlight > pre > .language-text {
     background-color: ${props => props.theme.post.content.highlight.bg};
+    color: blue;
     padding: -10px;
     font-size: 13.5px;
     color: ${props => props.theme.post.content.language.text};

diff --git a/src/constants/themeConstants.jsx b/src/constants/themeConstants.jsx
@@ -48,7 +48,8 @@ export const LIGHT_THEME_COLORS = {
     },
     content: {
       highlight: {
-        bg: '#F7F9FA'
+        bg: '#F7F9FA',
+        text: '#f7f6f2',
       },
       text: 'black',
       blockquote: {
@@ -90,7 +91,6 @@ export const LIGHT_THEME_COLORS = {
 };
 
 export const DARK_THEME_COLORS = {
-
   main: {
     background: '#1a1a1a',
     text: 'white',
@@ -138,7 +138,8 @@ export const DARK_THEME_COLORS = {
     },
     content: {
       highlight: {
-        bg: '#202020'
+        bg: '#202020',
+        text: '#2d2d2d',
       },
       text: '#e8e8e8',
       blockquote: {