diff options
| -rw-r--r-- | css/site.css | 9 |
1 files changed, 9 insertions, 0 deletions
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; |