From 0ac9beec5e57ded8270d58629f5780f4af844efd Mon Sep 17 00:00:00 2001 From: Felix Mattick Date: Sat, 22 Jan 2022 12:01:53 -0600 Subject: [PATCH] Add selection color variable (#262) --- README.md | 1 + src/parts/_misc.css | 2 +- src/variables-dark.css | 1 + src/variables-light.css | 1 + 4 files changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 6cf7581..f672265 100644 --- a/README.md +++ b/README.md @@ -100,6 +100,7 @@ Do you want to make some adjustments or build your own theme completely differen - `--background` - `--background-alt` - `--selection` +- `--selection-foreground` - `--text-main` - `--text-bright` - `--text-muted` diff --git a/src/parts/_misc.css b/src/parts/_misc.css index a9feaec..4561c3a 100644 --- a/src/parts/_misc.css +++ b/src/parts/_misc.css @@ -74,7 +74,7 @@ html { ::selection { background-color: var(--selection); - color: var(--text-bright); + color: var(--selection-foreground); } details { diff --git a/src/variables-dark.css b/src/variables-dark.css index 4f82b6d..be1ba5d 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -3,6 +3,7 @@ --background: #161f27; --background-alt: #1a242f; --selection: #1c76c5; + --selection-foreground: var(--text-bright); --text-main: #dbdbdb; --text-bright: #fff; --text-muted: #a9b1ba; diff --git a/src/variables-light.css b/src/variables-light.css index 3c8a122..e43d485 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -3,6 +3,7 @@ --background: #efefef; --background-alt: #f7f7f7; --selection: #9e9e9e; + --selection-foreground: var(--text-bright); --text-main: #363636; --text-bright: #000; --text-muted: #70777f;