From d0982c5250d2e33c824ddccb8bd245ca39faa724 Mon Sep 17 00:00:00 2001 From: Minteck Date: Wed, 12 Jan 2022 18:58:54 +0100 Subject: Upadte --- styles/common.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ styles/dark.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 103 insertions(+) create mode 100644 styles/common.css create mode 100644 styles/dark.css (limited to 'styles') diff --git a/styles/common.css b/styles/common.css new file mode 100644 index 0000000..2973aab --- /dev/null +++ b/styles/common.css @@ -0,0 +1,49 @@ +@import "dark.css"; + +@font-face { + font-family: "Nunito"; + src: url("/fonts/Nunito-VariableFont_wght.ttf"); + font-weight: 125 950; + font-stretch: 75% 125%; + font-style: normal; +} + +@font-face { + font-family: "Nunito"; + src: url("/fonts/Nunito-Italic-VariableFont_wght.ttf"); + font-weight: 125 950; + font-stretch: 75% 125%; + font-style: italic; +} + +* { + font-family: "Nunito", sans-serif !important; +} + +body, html { + margin: 0; + overflow-x: hidden; + height: 100%; +} + +center { + display: block; + text-align: center; +} + +.list-group-item.d-flex.justify-content-between.align-items-center { + flex-wrap: wrap; +} + +.big-head { + font-size: 64px; +} + +big { + font-size: 64px; + vertical-align: middle; +} + +nav.navbar.navbar-expand-sm.bg-dark.navbar-dark { + background-color: #333 !important; +} diff --git a/styles/dark.css b/styles/dark.css new file mode 100644 index 0000000..c24bd9a --- /dev/null +++ b/styles/dark.css @@ -0,0 +1,54 @@ +@media (prefers-color-scheme: dark) { + + nav.navbar { + background-color: #252525 !important; + color: white !important; + } + + nav.navbar .navbar-brand { + color: #ffffff !important; + } + + nav.navbar .navbar-brand:hover { + color: rgba(255, 255, 255, 0.9) !important; + } + + nav.navbar .navbar-brand:focus, nav.navbar .navbar-brand:active { + color: rgba(255, 255, 255, 0.75) !important; + } + + nav.navbar .nav-link { + color: white !important; + } + + nav.navbar .nav-link:hover { + color: white !important; + } + + nav.navbar .nav-link:focus, nav.navbar .nav-link:active { + color: white !important; + } + + nav.navbar .navbar-text { + color: rgba(255,255,255,.5); + } + + html, body { + background: black !important; + color: white !important; + } + + .list-group-item { + background-color: #151515 !important; + } + + .card-header, .card-footer { + background-color: rgba(255,255,255,.03) !important; + border-bottom: 1px solid rgba(255,255,255,.125) !important; + } + + .card { + background-color: #151515 !important; + } + +} \ No newline at end of file -- cgit