diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/common.css | 49 | ||||
| -rw-r--r-- | styles/dark.css | 54 |
2 files changed, 103 insertions, 0 deletions
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 |