Style text fragments

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;