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 {