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 { |