From 40f9e8cde2963209393e188323b88dae7078092d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 24 Dec 2021 08:46:07 +0100
Subject: Added inverted selection colors where necessary

---
 assets/css/_vars.scss        | 7 +++++++
 assets/css/scopes/_body.scss | 5 +++++
 2 files changed, 12 insertions(+)

(limited to 'assets')

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index f6929a2..2c0e9b5 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -77,6 +77,10 @@ $content--width:  44rem;
                 --bg:     rgba($gray7, .996),
                 --img-bg: rgba($gray7, .5),
                 --fg:     var(--colors--bg-hi),
+                --inverted: (
+                    --bg: rgba($gray0, .996),
+                    --fg: var(--colors--fg-lo),
+                )
             ),
 
             --link: (
@@ -140,6 +144,9 @@ $content--width:  44rem;
             --select: (
                 --bg:     rgba($gray7, .996),
                 --img-bg: rgba($gray7, .5),
+                --inverted: (
+                    --bg: rgba($gray0, .996),
+                ),
             ),
 
             --link: (
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 7596a50..96e1f04 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -52,6 +52,11 @@
             color:            prop(--colors --meta --fg);
             font-size:        iro-px-to-rem(14px);
 
+            &::selection {
+                background-color: prop(--colors --select --inverted --bg, $global: true);
+                color:            prop(--colors --select --inverted --fg, $global: true);
+            }
+
             + h1 {
                 margin-top: $line-height * .5rem;
             }
-- 
cgit v1.2.3-70-g09d2