semi working next project

2 files changed, 78 insertions, 0 deletions

diff --git a/styles/dark.css b/styles/dark.css
new file mode 100644
index 0000000..a0f652e
--- /dev/null
+++ b/styles/dark.css
@@ -0,0 +1,9 @@
+:root {
+    --text: #FCFFFD;
+    --text-alt: var(--text);
+
+    --page-background: #11171a;
+    --background: #222d33;
+    --background-alt: #344047;
+}
+
diff --git a/styles/global.css b/styles/global.css
new file mode 100644
index 0000000..d851131
--- /dev/null
+++ b/styles/global.css
@@ -0,0 +1,69 @@
+:root {
+	--text: #FCFFFD;
+	--page-background: var(--text);
+
+	--background: #5D737E;
+	--text-alt: var(--background);
+	--background-alt: #81949E;
+
+	--disk-a: #E16D82;
+	--disk-a-text: #FDC0C4;
+	--disk-b: #73D0C5;
+	--disk-b-text: #C0FDEB;
+}
+
+/* default margin */
+html, body {
+	margin: 0;
+	padding: 0;
+}
+
+/* navbar fix */
+body { padding-left: 48px; }
+
+/* font */
+html {
+	font-size: 14px;
+	font-family: "Inter";
+}
+
+/* background color */
+html { background-color: var(--page-background); }
+
+/* link color fix */
+a { color: var(--text); }
+
+/* centering misschien */
+.CenteredPageInner { text-align: center; }
+.CenteredPageInner > * { text-align: left; }
+
+/* line height reset */
+h1, h2, p, span, td, th {
+	margin: 0;
+	line-height: 1.2;
+}
+
+/* table groottes met percentages werkt nu */
+table { table-layout: fixed; }
+
+/* table styles */
+td, th {
+	padding: 4px;
+	font-size: 15px;
+}
+
+input::placeholder {
+	font-style: italic;
+	opacity: .8;
+}
+
+/* remove chrome's ugly :focus outline */
+:focus { outline: none; }
+
+/* icon size fix */
+.navbar svg,
+.gameBar svg { font-size: 24px; }
+
+/* scroll balken */
+::-webkit-scrollbar { width: 0 !important; }
+