diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte index 503674b..8d7ee22 100644 --- a/src/routes/_layout.svelte +++ b/src/routes/_layout.svelte @@ -32,7 +32,7 @@ {/if} {#if config['status-website'].css} {@html ``} diff --git a/static/themes/dark.css b/static/themes/dark.css index b74d299..3f11979 100644 --- a/static/themes/dark.css +++ b/static/themes/dark.css @@ -1,15 +1,74 @@ -.dark body { +body { background-color: #001716; color: #f0ffff; } -.dark article { + +code { + color: #555; + background-color: #f0f0f0; +} + +article { background-color: #002b29; + border-color: rgba(0, 0, 0, 0.1); } -.dark article { +article.down { + border-left-color: #e74c3c; background-color: #700000; } +article.degraded { + border-left-color: #f39c12 !important; + background-color: #ffdfad; +} +article.up { + border-left-color: #2ecc71; +} +article.good { + background-color: #dcffeb; + color: #003300; +} + +.tag { + color: #fff; +} +.tag.closed, +.tag.up { + background-color: #16a085; +} +.tag.open, +.tag.down { + background-color: #c0392b; +} +.tag.degraded { + background-color: #f39c12 !important; +} -.dark nav { +.changed + section .data { + background-color: #fdcb6e; +} + +.live-status article { + background-color: #002b29; +} + +nav { + border-bottom-color: rgba(0, 0, 0, 0.1); background-color: #002b29; } + +[aria-current] { + border-bottom-color: #3498db; +} + +a.error-button { + border-color: rgba(0, 0, 0, 0.25); + background-color: #01a3a4; + color: #002b29; +} + +.submit-button { + background-color: #01a3a4; + color: #002b29; + border-color: transparent; +}