From 74afce9ac4d7932edc9d978714f93f8f05d900b7 Mon Sep 17 00:00:00 2001 From: Stefan Kreutz Date: Sat, 23 Nov 2024 15:33:06 +0100 Subject: Style text fragments --- css/site.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/css/site.css b/css/site.css index 379d9e8..050ec19 100644 --- a/css/site.css +++ b/css/site.css @@ -5,6 +5,8 @@ --accent-color: hsl(8, 67%, 44%); --light-gray: hsl(0, 0%, 97%); --dark-gray: hsl(0, 0%, 70%); + --highlight-color: var(--foreground-color); + --highlight-background-color: hsl(36, 100%, 90%); } @media (prefers-color-scheme: dark) { @@ -15,6 +17,8 @@ --accent-color: hsl(8, 67%, 44%); --light-gray: hsl(0, 0%, 25%); --dark-gray: hsl(0, 0%, 50%); + --highlight-color: var(--background-color); + --highlight-background-color: hsl(36, 100%, 90%); } } @@ -37,6 +41,11 @@ body { background-color: var(--background-color); } +::target-text { + color: var(--highlight-color); + background-color: var(--highlight-background-color); +} + body > header { grid-row: 1 / 2; grid-column: 1 / 2; -- cgit v1.2.3