Revert "Use styled-components for global styles"

jhen0409 · jhen0409 · commit 9146b413814d · 2023-07-30T14:11:33.000+08:00
diff --git a/app/globalStyles.js b/app/globalStyles.js
@@ -1,50 +1,6 @@
 import { css, createGlobalStyle } from 'styled-components'
 
-const commonStyles = css`
-  html,
-  body {
-    font-family: monaco, Consolas, Lucida Console, monospace;
-    overflow: hidden;
-    font-size: 100%;
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgb(53, 59, 70);
-  }
-
-  #root {
-    width: 100%;
-    height: 100%;
-  }
-  #logs {
-    position: fixed;
-    top: 0;
-    left: 0;
-    white-space: pre;
-  }
-  #loading {
-    color: #aaa;
-    font-size: 30px;
-    display: flex;
-    height: 100%;
-    justify-content: center;
-    align-items: center;
-  }
-
-  @media print {
-    @page {
-      size: auto;
-      margin: 0;
-    }
-    body {
-      position: static;
-    }
-  }
-  .CodeMirror {
-    font-family: monaco, Consolas, Lucida Console, monospace !important;
-  }
-`
+const commonStyles = css``
 
 export const GlobalStyle =
   process.platform !== 'darwin'
diff --git a/dist/app.html b/dist/app.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset=utf-8>
     <title>React Native Debugger</title>
+    <link href='css/style.css' rel="stylesheet" />
   </head>
   <body>
     <div id="root">
diff --git a/dist/css/style.css b/dist/css/style.css
@@ -0,0 +1,55 @@
+html,
+body {
+  font-family: monaco, Consolas, Lucida Console, monospace;
+  overflow: hidden;
+  font-size: 100%;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgb(53, 59, 70);
+}
+
+#root {
+  width: 100%;
+  height: 100%;
+}
+#logs {
+  position: fixed;
+  top: 0;
+  left: 0;
+  white-space: pre;
+}
+#loading {
+  color: #aaa;
+  font-size: 30px;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: #555;
+}
+::-webkit-scrollbar-thumb {
+  background-color: #333;
+}
+::-webkit-scrollbar-corner {
+  background-color: #333;
+}
+
+@media print {
+  @page {
+    size: auto;
+    margin: 0;
+  }
+  body {
+    position: static;
+  }
+}
+.CodeMirror {
+  font-family: monaco, Consolas, Lucida Console, monospace !important;
+}
diff --git a/electron/app.html b/electron/app.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset=utf-8>
     <title>React Native Debugger</title>
+    <link href='../dist/css/style.css' rel="stylesheet" />
   </head>
   <body>
     <div id="root">
