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;
height: 100vh;
}
@media (prefers-color-scheme: dark) {
body {
background: black;
color: white;
}
}
.container[role=main] {
margin-bottom:50px;
flex: 1 0 auto;
}
@media only screen and (max-width: 767px) {
.container[role=main] {
.container[role=main] {
margin-left: 0;
margin-right: 0;
}
}
}
p {
@ -39,11 +33,6 @@ p a {
/* text-decoration: underline */
color: #008AFF;
}
@media (prefers-color-scheme: dark) {
p a {
color: #50afff;
}
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
@ -52,11 +41,6 @@ h1,h2,h3,h4,h5,h6 {
a {
color: #008AFF;
}
@media (prefers-color-scheme: dark) {
a {
color: #50afff;
}
}
a:hover,
a:focus {
color: #0085a1;
@ -68,11 +52,6 @@ blockquote {
blockquote p:first-child {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
blockquote {
border-left: 5px solid #444;
}
}
hr.small {
max-width: 100px;
margin: 15px auto;
@ -133,11 +112,6 @@ img {
margin: auto;
max-width: 100%;
}
@media (prefers-color-scheme: dark) {
figure:not(.dark) img, img.white {
background-color: white;
}
}
.img-title {
width: 100%;
@ -160,12 +134,6 @@ figure:not(.dark) img, img.white {
border-bottom: 1px solid #EAEAEA;
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 {
text-transform: uppercase;
@ -179,13 +147,6 @@ figure:not(.dark) img, img.white {
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:focus ,
.navbar-custom .nav li a:hover,
@ -197,9 +158,6 @@ figure:not(.dark) img, img.white {
.navbar-custom .navbar-brand:focus ,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
@media (prefers-color-scheme: dark) {
color: #b0e0ff;
}
}
.navbar-custom .navbar-brand-logo {
@ -335,17 +293,6 @@ figure:not(.dark) img, img.white {
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 --- */
@ -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 {
@ -418,12 +355,6 @@ footer .theme-by {
text-decoration: none;
color: #404040;
}
@media (prefers-color-scheme: dark) {
.post-preview a {
color: #AAA;
}
}
.post-preview a:focus,
.post-preview a:hover {
text-decoration: none;
@ -724,12 +655,6 @@ footer .theme-by {
border: 1px solid #0085a1;
}
@media (prefers-color-scheme: dark) {
.pager li a {
background: #444;
color: white;
}
}
.pager {
margin: 10px 0 0;
@ -760,19 +685,9 @@ table tr {
margin: 0;
padding: 0;
}
@media (prefers-color-scheme: dark) {
}
table tr:nth-child(2n) {
background-color: #f8f8f8;
}
@media (prefers-color-scheme: dark) {
table tr {
background-color: #181818;
}
table tr:nth-child(2n) {
background-color: #303030
}
}
table tr th {
font-weight: bold;
border: 1px solid #cccccc;
@ -820,16 +735,16 @@ div.splitbox {width:100%; overflow:auto;}
div.splitbox div.left {
width:48%;
float:left;}
float:left;}
div.splitbox div.right {
width:48%;
float:right;}
float:right;}
@media only screen and (max-width: 600px) {
div.splitbox div.left {
div.splitbox div.left {
width:100%;
float:left;}
div.splitbox div.right {
div.splitbox div.right {
width:100%;
float:left;}
}
@ -864,7 +779,7 @@ h4.see-also {
}
/* Sharing */
ul.share {
ul.share {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@ -872,14 +787,14 @@ h4.see-also {
margin: 0;
padding: 0;
}
ul.share li {
ul.share li {
display: inline-flex;
margin-right: 5px;
}
ul.share li:last-of-type {
ul.share li:last-of-type {
margin-right: 0;
}
ul.share li .fab {
ul.share li .fab {
display: block;
width: 30px;
height: 30px;
@ -889,53 +804,14 @@ h4.see-also {
transition: all 150ms ease-in-out;
color: #fff;
}
ul.share li a {
ul.share li a {
background-color: #b5c6ce;
display: block;
border-radius: 50%;
text-decoration: none !important;
margin: 0;
}
ul.share li:hover .fab {
ul.share li:hover .fab {
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;
}
}