Update styles

src/renderer/styles/ag-grid.scss

@@ -1,8 +0,0 @@
-.ag-theme-alpine-dark {
-  --ag-borders: none;
-  --ag-background-color: #101010;
-  --ag-odd-row-background-color: #1d1d1d;
-  --ag-font-size: 12px;
-  --ag-foreground-color: #ffffff;
-  --ag-font-family: Poppins;
-}

src/renderer/styles/fonts.ts

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 
 export enum Font {
   EPILOGUE = 'Epilogue',

src/renderer/styles/global.scss

@@ -1,5 +1,6 @@
 @use '../themes/default.scss';
 @use '../themes/dark.scss';
+@use '../themes/light.scss';
 
 * {
   box-sizing: border-box;
@@ -47,6 +48,10 @@ html {
   height: 8px;
 }
 
+::-webkit-scrollbar-corner {
+  background: var(--scrollbar-track-bg);
+}
+
 ::-webkit-scrollbar-track {
   background: var(--scrollbar-track-bg);
 }
@@ -173,3 +178,17 @@ a {
   font-family: 'Work Sans';
   src: url('../fonts/WorkSans-Regular.ttf') format('truetype');
 }
+
+@font-face {
+  font-family: 'DroidSerif';
+  src: url('https://rawgit.com/google/fonts/master/ufl/ubuntumono/UbuntuMono-Italic.ttf')
+    format('truetype');
+  unicode-range: U+000-5FF; /* Latin glyphs */
+}
+
+@font-face {
+  font-family: 'DroidSerif';
+  src: url('https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2')
+    format('truetype');
+  unicode-range: U+3000-9FFF, U+ff??; /* Japanese glyphs */
+}

src/renderer/styles/mixins.ts

@@ -1,4 +1,4 @@
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 
 export const textEllipsis = css`
   overflow: hidden;