add dark mode to rest of theme
This commit is contained in:
parent
33004cb3ed
commit
a06fd5da76
@ -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;
|
||||||
|
@ -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/>
|
||||||
|
Reference in New Issue
Block a user