fixed code color being too bright

Author: velopert

velog-frontend/src/components/common/MarkdownRender/MarkdownRender.scss

@@ -22,7 +22,7 @@
   b {
     font-weight: 600;
   }
-  p+p {
+  p + p {
     margin-top: 1.5em;
   }
   h1,
@@ -89,8 +89,8 @@
     border: 1px solid $oc-gray-1;
     background: rgb(250, 250, 250);
     code {
-      font-family: "Inconsolata", "D2 Coding", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
-      color: $oc-gray-2;
+      font-family: "Inconsolata", "D2 Coding", Consolas, Monaco, "Andale Mono",
+        "Ubuntu Mono", monospace;
       font-size: 0.81em;
     }
   }
@@ -116,22 +116,22 @@
     margin: 15px 0;
     padding: 0;
   }
-  &>h2:first-child {
+  & > h2:first-child {
     margin-top: 0;
     padding-top: 0;
   }
-  &>h1:first-child {
+  & > h1:first-child {
     margin-top: 0;
     padding-top: 0;
   }
-  &>h1:first-child+h2 {
+  & > h1:first-child + h2 {
     margin-top: 0;
     padding-top: 0;
   }
-  &>h3:first-child,
-  &>h4:first-child,
-  &>h5:first-child,
-  &>h6:first-child {
+  & > h3:first-child,
+  & > h4:first-child,
+  & > h5:first-child,
+  & > h6:first-child {
     margin-top: 0;
     padding-top: 0;
   }
@@ -144,14 +144,14 @@
     margin-top: 0;
     padding-top: 0;
   }
-  h1+p,
-  h2+p,
-  h3+p,
-  h4+p,
-  h5+p,
-  h6+p,
-  ul li> :first-child,
-  ol li> :first-child {
+  h1 + p,
+  h2 + p,
+  h3 + p,
+  h4 + p,
+  h5 + p,
+  h6 + p,
+  ul li > :first-child,
+  ol li > :first-child {
     margin-top: 0;
   }
   dl {
@@ -167,31 +167,31 @@
   dl dt:first-child {
     padding: 0;
   }
-  dl dt> :first-child {
+  dl dt > :first-child {
     margin-top: 0;
   }
-  dl dt> :last-child {
+  dl dt > :last-child {
     margin-bottom: 0;
   }
   dl dd {
     margin: 0 0 15px;
     padding: 0 15px;
   }
-  dl dd> :first-child {
+  dl dd > :first-child {
     margin-top: 0;
   }
-  dl dd> :last-child {
+  dl dd > :last-child {
     margin-bottom: 0;
   }
   blockquote {
     border-left: 4px solid #ddd;
     padding: 0 15px;
     color: #777;
   }
-  blockquote> :first-child {
+  blockquote > :first-child {
     margin-top: 0;
   }
-  blockquote> :last-child {
+  blockquote > :last-child {
     margin-bottom: 0;
   }
   table {
@@ -231,4 +231,4 @@
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
-}
+}