replace style.css by components

2024-05-02 22:57:42 +03:00
parent 79bed2dae6
commit 3652b99f4c
13 changed files with 174 additions and 294 deletions
--- a/src/global-styles.ts
+++ b/src/global-styles.ts
@@ -0,0 +1,33 @@
+import { css } from "@emotion/react";
+
+export const globalStyles = css`
+  :root {
+    --dark-link: #2e81ff;
+    --main: #43888c;
+    --main-transparent: #44898d66;
+
+    --brand: #4d7f1e;
+
+    --accent: #6a1072;
+
+    --bg-main: #cee6e9;
+    --text: #000000;
+    --text-contrast: #ffffff;
+  }
+
+  html {
+    height: 100%;
+  }
+
+  body.dark {
+    --bg-main: #0f5c66;
+  }
+
+  body {
+    font-family: "PT Sans", sans-serif;
+    background-color: var(--bg-main);
+    color: var(--text);
+    font-size: 24px;
+    height: 100%;
+  }
+`;