Skip to content
Snippets Groups Projects
Commit bf68183c authored by tribut's avatar tribut :man_dancing:
Browse files

Merge branch 'dark-mode' into 'main' 

Add dark mode

See merge request !1
parents aa100c88 1c2755a4
No related branches found
No related tags found
1 merge request!1Add dark mode
Pipeline #36986 passed
Stage: deploy
Show whitespace changes
Inline Side-by-side
Showing
with 25 additions and 1 deletion
index.html
+ 25
− 1
View file @ bf68183c
...@@ -182,6 +182,9 @@ ...@@ -182,6 +182,9 @@
text-align: right; text-align: right;
margin-top: 1rem; margin-top: 1rem;
} }
body.noscript .language-selection {
display: none;
}
.language-selection > * { .language-selection > * {
margin-left: 0.5em; margin-left: 0.5em;
} }
...@@ -218,9 +221,28 @@ ...@@ -218,9 +221,28 @@
background-color: rgb(217, 243, 220); background-color: rgb(217, 243, 220);
color: rgb(1, 71, 7); color: rgb(1, 71, 7);
} }
@media (prefers-color-scheme: dark) {
body {
background-color: #1e1e2e;
color: #cdd6f4;
}
h1 {
color: #eba0ac;
}
a.block-link, footer {
background-color: #181825;
}
a.block-link:hover, a.block-link:active {
background-color: #11111b;
}
a, a.block-link h1, a.block-link h2 {
color: #89b4fa;
}
}
</style> </style>
</head> </head>
<body> <body lang="en" class="noscript">
<div class="page"> <div class="page">
<nav> <nav>
<div class="wrapper language-selection"> <div class="wrapper language-selection">
...@@ -328,6 +350,8 @@ ...@@ -328,6 +350,8 @@
<script type="text/javascript" defer> <script type="text/javascript" defer>
(function () { (function () {
document.body.classList.remove("noscript");
// In page navigation - for language switching // In page navigation - for language switching
document.body.addEventListener('click', function (ev) { document.body.addEventListener('click', function (ev) {
if (!ev.target.href) return; if (!ev.target.href) return;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment

Impressum - Datenschutzerklärung