commit f8ab0fdf3a80ca7f37f1a61a070e9efe8123c531 parent 89bba6d7d5ed02d5e087b9939d0bee177b5822c8 Author: JayVii <jayvii[AT]posteo[DOT]de> Date: Thu, 17 Oct 2024 20:40:53 +0200 feat: use simplecss colour schmeing for highlights Diffstat:
| M | assets/css/custom.css | | | 13 | ++++++++++++- |
1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/assets/css/custom.css b/assets/css/custom.css @@ -1,3 +1,14 @@ +/* Accent colours that are partially transparent + * REVERSED for better highlighting + */ +:root { + --hlaccent: #ffb30066; /* yellow for light mode */ +} +@media (prefers-color-scheme:dark) { + :root { + --hlaccent: #0d47a155; /* blue for dark mode */ + } +} /* Make Search form stretch across entire content-width * It should flex / share row with the search button @@ -64,7 +75,7 @@ article > mark /* Set selection colours for the article class */ article.selected { - background-color: #00FF0033; + background-color: var(--hlaccent); } /* Add Text-Marker for selected search engines */