jw/janw.name
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

finally provide a dark theme again

Browse source
This commit is contained in:
Jan Wolff 2023-07-24 15:56:04 +02:00
parent 573b4d8efe
commit 86460a3150
1 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
themes/janw/static/css/style.css
View file

@ -45,17 +45,17 @@ img {
.sub-container { .sub-container {
display: block; display: block;
color: rgb(31, 32, 31); color: rgb(31, 32, 31);
background: rgb(241, 243, 241); background: rgb(251, 251, 251);
padding: 0.75rem; padding: 0.75rem;
margin: 1rem; margin: 1rem;
border-radius: 0.5rem; border-radius: 0.3rem;
box-shadow: rgba(0, 0, 0, 0.45) 0 0.25rem 0.2rem; box-shadow: rgba(0, 0, 0, 0.45) 0 0.1rem 0.2rem;
transition: color 0.2s, box-shadow 0.2s; transition: color 0.2s, box-shadow 0.2s;
} }
.sub-container:hover { .sub-container:hover {
color: rgb(54, 63, 54); color: rgb(54, 63, 54);
box-shadow: rgba(0, 0, 0, 0.2) 0 0.33rem 0.333rem; box-shadow: rgba(0, 0, 0, 0.4) 0 0.2rem 0.3rem;
} }
.sub-container .img-container { .sub-container .img-container {
@ -167,11 +167,15 @@ a:hover {
background: #108f10; background: #108f10;
} }
@media (prefers-color-scheme: -dark) { @media (prefers-color-scheme: dark) {
a { a {
color: #5fe35f; color: rgb(123, 224, 123);
} }
a:hover {
color: rgb(150, 255, 150);
}
body { body {
background: #0d0d0d; background: #0d0d0d;
color: #ebebeb; color: #ebebeb;
@ -185,6 +189,21 @@ a:hover {
pre { pre {
border-color: #5f5f5f; border-color: #5f5f5f;
} }
.sub-container {
color: rgb(123, 224, 123);
background: rgb(31, 32, 31);
}
.sub-container:hover {
color: rgb(150, 255, 150);
box-shadow: rgba(0, 0, 0, 0.4) 0 0.2rem 0.3rem;
}
::selection {
color: #000000;
background: #107f10;
}
} }
.screenshot-grid { .screenshot-grid {