cyplo/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

disable dark mode

Browse source
This commit is contained in:
Cyryl Płotnicki 2022-08-21 12:31:55 +01:00
parent 03e3001963
commit f8ba11a9fe
1 changed files with 446 additions and 570 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
themes/beautifulhugo/static/css/main.css
View file

@ -10,12 +10,6 @@ body {
flex-flow: column; flex-flow: column;
height: 100vh; height: 100vh;
} }
@media (prefers-color-scheme: dark) {
body {
background: black;
color: white;
}
}
.container[role=main] { .container[role=main] {
margin-bottom:50px; margin-bottom:50px;
flex: 1 0 auto; flex: 1 0 auto;
@ -39,11 +33,6 @@ p a {
/* text-decoration: underline */ /* text-decoration: underline */
color: #008AFF; color: #008AFF;
} }
@media (prefers-color-scheme: dark) {
p a {
color: #50afff;
}
}
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@ -52,11 +41,6 @@ h1,h2,h3,h4,h5,h6 {
a { a {
color: #008AFF; color: #008AFF;
} }
@media (prefers-color-scheme: dark) {
a {
color: #50afff;
}
}
a:hover, a:hover,
a:focus { a:focus {
color: #0085a1; color: #0085a1;
@ -68,11 +52,6 @@ blockquote {
blockquote p:first-child { blockquote p:first-child {
margin-top: 0; margin-top: 0;
} }
@media (prefers-color-scheme: dark) {
blockquote {
border-left: 5px solid #444;
}
}
hr.small { hr.small {
max-width: 100px; max-width: 100px;
margin: 15px auto; margin: 15px auto;
@ -133,11 +112,6 @@ img {
margin: auto; margin: auto;
max-width: 100%; max-width: 100%;
} }
@media (prefers-color-scheme: dark) {
figure:not(.dark) img, img.white {
background-color: white;
}
}
.img-title { .img-title {
width: 100%; width: 100%;
@ -160,12 +134,6 @@ figure:not(.dark) img, img.white {
border-bottom: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
} }
@media (prefers-color-scheme: dark) {
.navbar-custom {
background: #505050;
border-bottom: 1px solid #AAA;
}
}
.navbar-custom .nav li a { .navbar-custom .nav li a {
text-transform: uppercase; text-transform: uppercase;
@ -179,13 +147,6 @@ figure:not(.dark) img, img.white {
color: #404040; color: #404040;
} }
@media (prefers-color-scheme: dark) {
.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
color: #b0b0b0;
}
}
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus , .navbar-custom .navbar-brand:focus ,
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:hover,
@ -197,9 +158,6 @@ figure:not(.dark) img, img.white {
.navbar-custom .navbar-brand:focus , .navbar-custom .navbar-brand:focus ,
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus { .navbar-custom .nav li a:focus {
@media (prefers-color-scheme: dark) {
color: #b0e0ff;
}
} }
.navbar-custom .navbar-brand-logo { .navbar-custom .navbar-brand-logo {
@ -335,17 +293,6 @@ figure:not(.dark) img, img.white {
border-width: 0 1px 1px; border-width: 0 1px 1px;
} }
} }
@media (prefers-color-scheme: dark) {
.navbar-custom .nav .navlinks-container:hover {
background: #666;
}
.navbar-custom .nav .navlinks-container .navlinks-children a {
border: 1px solid #AAA;
}
.navbar-custom .nav .navlinks-container .navlinks-children a {
background: #444;
}
}
/* --- Footer --- */ /* --- Footer --- */
@ -388,16 +335,6 @@ footer .theme-by {
} }
} }
@media (prefers-color-scheme: dark) {
footer {
background: #444;
border-top: 1px #AAA solid;
}
footer a {
color: #AAA;
}
}
/* --- Post preview --- */ /* --- Post preview --- */
.post-preview { .post-preview {
@ -418,12 +355,6 @@ footer .theme-by {
text-decoration: none; text-decoration: none;
color: #404040; color: #404040;
} }
@media (prefers-color-scheme: dark) {
.post-preview a {
color: #AAA;
}
}
.post-preview a:focus, .post-preview a:focus,
.post-preview a:hover { .post-preview a:hover {
text-decoration: none; text-decoration: none;
@ -724,12 +655,6 @@ footer .theme-by {
border: 1px solid #0085a1; border: 1px solid #0085a1;
} }
@media (prefers-color-scheme: dark) {
.pager li a {
background: #444;
color: white;
}
}
.pager { .pager {
margin: 10px 0 0; margin: 10px 0 0;
@ -760,19 +685,9 @@ table tr {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@media (prefers-color-scheme: dark) {
}
table tr:nth-child(2n) { table tr:nth-child(2n) {
background-color: #f8f8f8; background-color: #f8f8f8;
} }
@media (prefers-color-scheme: dark) {
table tr {
background-color: #181818;
}
table tr:nth-child(2n) {
background-color: #303030
}
}
table tr th { table tr th {
font-weight: bold; font-weight: bold;
border: 1px solid #cccccc; border: 1px solid #cccccc;
@ -900,42 +815,3 @@ h4.see-also {
transform: scale(1.4) transform: scale(1.4)
} }
/* Dark mode */
@media (prefers-color-scheme: dark) {
code {
background-color: #222;
color: #fbb;
}
pre code {
color: #ccc;
}
.well {
background-color: #444;
}
.panel {
background-color: #222;
}
.list-group-item {
background-color: #333;
}
pre.chroma {
color: white;
background-color: #444;
}
pre.chroma .k {
color: #44AACC;
}
pre.chroma .kt {
color: #33CCCC;
}
pre.chroma .o {
color: #AAA;
}
pre.chroma .nb {
color: #00fee9;
}
pre.chroma .ow {
color: #CC0;
}
}