Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Adam Matoušek
BLO👏GÍ👏SEK
Commits
4a2137b0
Verified
Commit
4a2137b0
authored
Sep 15, 2022
by
Adam Matoušek
Browse files
css: Draft of dark mode.
parent
2037e7c2
Changes
1
Hide whitespace changes
Inline
Side-by-side
resources/style.css
View file @
4a2137b0
...
...
@@ -3,6 +3,7 @@ html, body {
margin
:
0
;
padding
:
0
;
font-family
:
serif
;
color
:
black
;
background-color
:
#ddd
;
font-size
:
12pt
;
-webkit-text-size-adjust
:
none
;
...
...
@@ -283,3 +284,54 @@ article .banner img {
border
:
none
;
}
}
/* Dark mode */
@media
(
prefers-color-scheme
:
dark
)
{
html
,
body
{
background-color
:
#120800
;
color
:
#ddd
;
}
a
{
color
:
#d75164
;
}
#navbutton
{
color
:
#d75164
;
border-color
:
#d75164
;
background-color
:
#2b2020
;
}
#sidebar
>
header
blockquote
,
#navigation
nav
>
header
{
color
:
#aaa
;
}
#navigation
a
{
color
:
#adddc9
;
}
#navigation
li
small
{
color
:
#6e8078
;
}
#content
>
main
>
article
{
background-color
:
#1e1311
;
}
main
+
footer
{
background-color
:
rgba
(
20
,
20
,
20
,
0.5
);
color
:
#888
;
}
.article-text
.readmore
a
{
border-top-color
:
#374036
;
background-color
:
transparent
;
}
.article-text
#readmore
{
border-bottom
:
0.2em
dashed
#120800
;
}
}
@media
(
prefers-color-scheme
:
dark
)
and
(
min-width
:
36em
)
{
#content
>
main
>
article
{
box-shadow
:
none
;
}
}
@media
(
prefers-color-scheme
:
dark
)
and
(
min-width
:
90em
)
{
.article-text
footer
a
{
color
:
#adddc9
;
}
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment