add dark mode to rest of theme

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

View File

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

View File

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