Mirrored_Repos/error-pages
1
0
Fork 0
mirror of https://github.com/tarampampam/error-pages.git synced 2024-08-30 18:22:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix the theme (auto-dark mode)

Browse Source
This commit is contained in:
Paramtamtam 2022-02-22 20:58:26 +05:00
parent 178e6b2d9b
commit 3145bdfa00
No known key found for this signature in database
GPG Key ID: 366371698FAD0A2B
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
CHANGELOG.md
View File

@ -8,7 +8,13 @@ The format is based on [Keep a Changelog][keepachangelog] and this project adher
### Added
- Template `lost-in-space`
- Template `lost-in-space` [#68]
### Fixed
- Template `l7-light` uses the dark colors in browsers with the preferred dark theme
[#68]:https://github.com/tarampampam/error-pages/pull/68
## v2.6.0

6
templates/l7-light.html
View File

@ -12,7 +12,9 @@
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<style>
html,body {background-color:#fff;color:#636b6f;font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
:root {--color-bg-primary:#fff;--color-text-primary:#636b6f;--color-text-secondary:#777}
@media (prefers-color-scheme: dark) {:root {--color-bg-primary:#222526;--color-text-primary:#fff;--color-text-secondary:#999}}
html,body {background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:'Nunito',sans-serif;font-weight:100;height:100vh;margin:0;font-size:0}
.full-height {height:100vh}
.flex-center {align-items:center;display:flex;justify-content:center}
.position-ref {position:relative}
@ -20,7 +22,7 @@
.message {font-size:18px;text-align:center;padding:10px}
/* {{ if show_details }} */
.details table {width:100%;border-collapse:collapse;box-sizing:border-box;margin-top:20px}
.details td {font-size:11px;color:#777}
.details td {font-size:11px;color:var(--color-text-secondary)}
.details td.name {text-align:right;padding-right:.6em;width:50%;border-right:2px solid;border-color:#aaa}
.details td.value {text-align:left;padding-left:.6em;font-family:'Lucida Console','Courier New',monospace}
/* {{ end }} */