undef/undefined-pelican-theme
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add dark mode to rest of theme

Browse Source
This commit is contained in:
error 2022-11-05 14:02:07 +01:00
parent 33004cb3ed
commit a06fd5da76
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
static/css/undef.css
View File

@ -10,9 +10,21 @@
{
--teal: #008080;
--maroon: #800000;
--img-border: #FFFFFF;
--gradient: linear-gradient(45deg, #800000 10%, #008080 90%);
}
@media (prefers-color-scheme: dark)
{
:root
{
--teal: #7acccc;
--maroon: #cc7a7a;
--img-border: hsl(0, 1%, 25%);
--gradient: linear-gradient(45deg, #cc7a7a 10%, #7acccc 90%);
}
}
/* overwrite latex.css colors */
a,
a:visited {
@ -145,12 +157,20 @@ figcaption::before
left: 0px;
width: 100%;
height: 100vh;
background-color: hsl(210, 20%, 98%);
background-color: var(--body-bg-color);
text-align: center;
z-index: 666;
visibility: hidden;
}
img
{
border-style: solid;
border-width: 4px;
border-color: var(--img-border);
border-radius: 4px;
}
figure:target .lightbox
{
visibility: visible;

2
templates/base.html
View File

@ -23,7 +23,7 @@
{% endif %}
{% endblock head %}
</head>
<body>
<body class="latex-dark-auto">
<nav class="navigation">
<h1>
undefined <br/>