diff options
| author | Mantas Vilčinskas <11616378+mistermantas@users.noreply.github.com> | 2019-10-26 14:07:54 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-10-26 14:07:54 +0300 |
| commit | 9118ff09d9cc4d3a4939867c273ea3b835d4670e (patch) | |
| tree | 7fb577e724385726168b9abc7606054c65484e42 | |
| parent | 210865bccea753fc87022cad09b8570dfdc3dd8c (diff) | |
| parent | f4a7b12611eb44c65e3f8cd1c5a90c0568f1f4b7 (diff) | |
Add dark theme #87
Add prefers-color-scheme dark theme
| -rw-r--r-- | layouts/partials/meta.html | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html index 277d250..a5f6472 100644 --- a/layouts/partials/meta.html +++ b/layouts/partials/meta.html @@ -331,6 +331,31 @@ display: inline; } } + + /** + * Dark theme + */ + + @media (prefers-color-scheme: dark) { + html, body { background: #181a1b; color: #ccc9c1; } + h1, h2, h3, h4, a, .bold { color: #e8e6e3; } + hr { border-bottom-color: #3d3d3d; } + .footer { background: #1b1d1e; } + .date { color: #c3bfb6; } + .components { border: 2px solid #ddd; border-bottom: 0; border-color: #3a3a3a; } + .component { border-bottom: 2px solid #ddd; color: #e8e6e3; border-bottom-color: #3a3a3a; } + .tag { background-image: initial; background-color: #1d1f20; } + .tag:hover { background: #222; } + .issue:hover {background-color: #1b1d1e } + .error { color: #ff4242; } + .hinted, .faded { color: #c1bcb3; } + .warning {color: #ff8b52; } + .ok { color: #7fff7f; } + .component[data-status="disrupted"] + .component-status { color: #ff8b52; } + .component[data-status="ok"] + .component-status { color: #7fff7f; } + } </style> {{ if .Site.Params.enableCustomHTML }} {{ partial "custom/meta" . }} |