disable dark mode

This commit is contained in:
Cyryl Płotnicki 2022-08-21 12:31:55 +01:00
parent 03e3001963
commit f8ba11a9fe

View file

@ -10,22 +10,16 @@ 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;
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.container[role=main] { .container[role=main] {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
} }
p { p {
@ -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;
@ -820,16 +735,16 @@ div.splitbox {width:100%; overflow:auto;}
div.splitbox div.left { div.splitbox div.left {
width:48%; width:48%;
float:left;} float:left;}
div.splitbox div.right { div.splitbox div.right {
width:48%; width:48%;
float:right;} float:right;}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
div.splitbox div.left { div.splitbox div.left {
width:100%; width:100%;
float:left;} float:left;}
div.splitbox div.right { div.splitbox div.right {
width:100%; width:100%;
float:left;} float:left;}
} }
@ -864,7 +779,7 @@ h4.see-also {
} }
/* Sharing */ /* Sharing */
ul.share { ul.share {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@ -872,14 +787,14 @@ h4.see-also {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
ul.share li { ul.share li {
display: inline-flex; display: inline-flex;
margin-right: 5px; margin-right: 5px;
} }
ul.share li:last-of-type { ul.share li:last-of-type {
margin-right: 0; margin-right: 0;
} }
ul.share li .fab { ul.share li .fab {
display: block; display: block;
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -889,53 +804,14 @@ h4.see-also {
transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
color: #fff; color: #fff;
} }
ul.share li a { ul.share li a {
background-color: #b5c6ce; background-color: #b5c6ce;
display: block; display: block;
border-radius: 50%; border-radius: 50%;
text-decoration: none !important; text-decoration: none !important;
margin: 0; margin: 0;
} }
ul.share li:hover .fab { ul.share li:hover .fab {
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;
}
}