Style: Merge into single css (#54)

Cursor야 고마워

Author: winterjung

gatsby-browser.js

@@ -1 +1 @@
-import "./static/theme/github-light.css"
+import "./src/components/layout.css"

src/components/layout.css

@@ -126,6 +126,82 @@ details[open] summary:before {
     content: "▼ ";
 }
 
+/* prism syntax highlight */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+    color: #6a737d;
+    font-style: italic;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+    color: #032f62;
+}
+
+.token.keyword,
+.token.atrule,
+.token.attr-name {
+    color: #d73a49;
+}
+
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.url {
+    color: #005cc5;
+}
+
+.token.function,
+.token.class-name,
+.token.property {
+    color: #6f42c1;
+}
+
+.token.tag,
+.token.selector,
+.token.entity {
+    color: #22863a;
+}
+
+.token.punctuation,
+.token.operator {
+    color: #24292e;
+}
+
+.token.important,
+.token.bold {
+    font-weight: bold;
+}
+
+.token.italic {
+    font-style: italic;
+}
+
+.token.inserted {
+    color: #22863a;
+    background-color: #f0fff4;
+}
+
+.token.deleted {
+    color: #b31d28;
+    background-color: #ffeef0;
+}
+
+.token.changed {
+    color: #e36209;
+    background-color: #ffebda;
+}
+
+.token.namespace {
+    opacity: 0.7;
+}
+
 /* custom style */
 h1, h2, h3, h4, h5, h6 {
     margin-top: 24px;

src/components/layout.jsx

@@ -2,7 +2,6 @@ import { css } from "@emotion/react"
 import { Analytics } from "@vercel/analytics/react"
 import { graphql, Link, useStaticQuery } from "gatsby"
 import React from "react"
-import "./layout.css"
 
 export default function Layout({ children }) {
     const data = useStaticQuery(graphql`