Adjust default styles

src/renderer/App.scss

@@ -16,11 +16,13 @@ html {
   position: absolute;
   overflow-y: hidden;
   overflow-x: hidden;
+  color: var(--content-text-color);
   background: var(--content-bg);
 }
 
 @media only screen and (max-width: 640px) {
-  body {
+  body,
+  html {
     overflow-x: auto;
   }
 }

src/renderer/themes/dark.scss

@@ -0,0 +1,2 @@
+body[data-theme='dark'] {
+}

src/renderer/themes/default.scss

@@ -3,6 +3,7 @@
   --secondary-color: #c7648d;
 
   --content-bg: #181819;
+  --content-text-color: #c1c2bb;
 
   --sidebar-bg: #000000;
   --sidebar-btn-color: #ffffff;

src/renderer/themes/mantine.ts

@@ -1,9 +0,0 @@
-const base = {
-  focusRing: 'auto',
-  spacing: {
-    xs: 2,
-    sm: 5,
-  },
-};
-
-export default base;