Mercurial > prosody-modules
comparison mod_http_oauth2/html/style.css @ 5790:429cc52c3ce8
mod_http_oauth2: Use color-scheme to get nice dark mode defaults
| author | Kim Alvefur <zash@zash.se> |
|---|---|
| date | Fri, 08 Dec 2023 20:08:35 +0100 |
| parents | 3a5cf8d80089 |
| children |
comparison
equal
deleted
inserted
replaced
| 5789:25e20fa3824c | 5790:429cc52c3ce8 |
|---|---|
| 1 :root | |
| 2 { | |
| 3 color-scheme:light dark; | |
| 4 } | |
| 1 body | 5 body |
| 2 { | 6 { |
| 3 text-align:center; | 7 text-align:center; |
| 4 background-color:#f8f8f8; | |
| 5 font-family:sans-serif | 8 font-family:sans-serif |
| 6 } | 9 } |
| 7 | 10 |
| 8 h1 | 11 h1 |
| 9 { | 12 { |
| 74 margin: 0.75rem; | 77 margin: 0.75rem; |
| 75 } | 78 } |
| 76 | 79 |
| 77 @media(prefers-color-scheme:dark) | 80 @media(prefers-color-scheme:dark) |
| 78 { | 81 { |
| 79 body | |
| 80 { | |
| 81 background-color:#161616; | |
| 82 color:#eee; | |
| 83 } | |
| 84 | |
| 85 .error { | 82 .error { |
| 86 color: #f8d7da; | 83 color: #f8d7da; |
| 87 background-color: #842029; | 84 background-color: #842029; |
| 88 } | 85 } |
| 89 .oob { | 86 .oob { |
| 90 color: #d7daf8; | 87 color: #d7daf8; |
| 91 background-color: #202984; | 88 background-color: #202984; |
| 92 } | |
| 93 | |
| 94 | |
| 95 :link | |
| 96 { | |
| 97 color: #6197df; | |
| 98 } | |
| 99 | |
| 100 :visited | |
| 101 { | |
| 102 color: #9a61df; | |
| 103 } | 89 } |
| 104 } | 90 } |
| 105 | 91 |
| 106 @media(min-width: 768px) | 92 @media(min-width: 768px) |
| 107 { | 93 { |
