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

Make images on dark mode darker

Browse source
This commit is contained in:
jaseg 2023-03-19 23:41:06 +01:00
parent 9d2ecb11fd
commit aa54c194ff
5 changed files with 59 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

19
themes/conspiracy/assets/css/style.css
View file

@ -3,8 +3,8 @@ html {
--c-bg-backdrop: #0d1015;
--c-bg-behind: #1f232a;
--c-bg-front: #272c35;
--c-bg-highlight #383f4c;
--c-bg-figure-backdrop: #b5bcc8;
--c-bg-highlight: #383f4c;
--c-bg-figure-backdrop: #383f4c;
--c-text: #d0d0d0;
--c-text-inverted: #101010;
--c-text-muted: #a0a0a0;
@ -333,8 +333,7 @@ figure.side-by-side {
figure img, figure video {
display: block;
margin-left: auto;
margin-right: auto;
margin: 0 auto 0 auto;
width: 100%;
}
@ -356,6 +355,12 @@ img {
max-width: 100%;
margin: 40px auto 40px auto;
display: block;
filter: brightness(70%);
transition: filter 100ms;
}
img:hover {
filter: none;
}
.code {
@ -492,7 +497,7 @@ body .il { color: var(--c-text); font-weight: 600 } /* Literal.Number.Integer.L
--c-bg-backdrop: hsl(220, 10%, 90%);
--c-bg-behind: hsl(220, 10%, 95%);
--c-bg-front: hsl(220, 10%, 96%);
--c-bg-highlight #ffffff;
--c-bg-highlight: #ffffff;
--c-bg-figure-backdrop: #b5bcc8;
--c-text: hsl(220, 20%, 30%);
--c-text-inverted: hsl(220, 20%, 100%);
@ -516,6 +521,10 @@ body .il { color: var(--c-text); font-weight: 600 } /* Literal.Number.Integer.L
a:hover, nav a:hover {
color: var(--c-text-inverted);
}
img {
filter: none;
}
.card {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, calc(0.5*var(--shadow-opacity)));