From d2c2cc62a4c2e1ac10f8434bea7bb834da820869 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sat, 16 Jan 2021 11:40:36 +0100 Subject: semi working next project --- styles/dark.css | 9 ++++++++ styles/global.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 78 insertions(+) create mode 100644 styles/dark.css create mode 100644 styles/global.css (limited to 'styles') 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; } + -- cgit v1.2.3 From 5e07cb762b0f942aad5ddc22a0be988d847fbc0b Mon Sep 17 00:00:00 2001 From: lonkaars Date: Wed, 27 Jan 2021 15:15:34 +0100 Subject: next build svg default state --- styles/global.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'styles') diff --git a/styles/global.css b/styles/global.css index d851131..a265bc4 100644 --- a/styles/global.css +++ b/styles/global.css @@ -67,3 +67,10 @@ input::placeholder { /* scroll balken */ ::-webkit-scrollbar { width: 0 !important; } +/* material-ui default state */ +svg.MuiSvgIcon-root { + transition: none !important; + color: var(--text); + fill: var(--text); +} + -- cgit v1.2.3 From 9695ce3a31c314c1aa4c2d0b7ebae1d066070b71 Mon Sep 17 00:00:00 2001 From: lonkaars Date: Sat, 30 Jan 2021 21:04:47 +0100 Subject: fixed svg styles --- styles/global.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'styles') diff --git a/styles/global.css b/styles/global.css index a265bc4..a1c9792 100644 --- a/styles/global.css +++ b/styles/global.css @@ -68,9 +68,5 @@ input::placeholder { ::-webkit-scrollbar { width: 0 !important; } /* material-ui default state */ -svg.MuiSvgIcon-root { - transition: none !important; - color: var(--text); - fill: var(--text); -} +svg.MuiSvgIcon-root { transition: none !important; } -- cgit v1.2.3