diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/dark.css | 9 | ||||
| -rw-r--r-- | styles/global.css | 69 |
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; } + |