From fa768577905c5f5337418f892473fce4c54a54d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andis=20Spri=C5=86=C4=B7is?= <spr.andis@protonmail.com>
Date: Tue, 12 Dec 2023 09:05:38 +0200
Subject: [PATCH] example site - text selection - more readable colors

---
 site/_inline_link_title_suffix_new_tab | 1 +
 site/documents/index/static/styles.css | 7 +++++++
 2 files changed, 8 insertions(+)
 create mode 100644 site/_inline_link_title_suffix_new_tab

diff --git a/site/_inline_link_title_suffix_new_tab b/site/_inline_link_title_suffix_new_tab
new file mode 100644
index 0000000..670ed99
--- /dev/null
+++ b/site/_inline_link_title_suffix_new_tab
@@ -0,0 +1 @@
+ (this link opens in a new tab or window)
diff --git a/site/documents/index/static/styles.css b/site/documents/index/static/styles.css
index ba134bb..27621ab 100644
--- a/site/documents/index/static/styles.css
+++ b/site/documents/index/static/styles.css
@@ -23,6 +23,7 @@
   --underline-thickness: 0.04em;
   --underline-offset: 0.175em;
   --underline-thickness-hover: 0.1115em;
+  --bg-color-text-selection: #00000080;
   --bg-color-tooltip: var(--text-color);
   --text-color-tooltip: var(--bg-color);
   --padding-tooltip: 0.175em 0.5em;
@@ -50,6 +51,7 @@
     --text-color-link: #8c8cff;
     --text-color-link-active: #ff6666;
     --text-color-link-visited: #ffadff;
+    --bg-color-text-selection: #f3f3f680;
     --color-focus-outline: #f3f3f680;
     --url-icon-new-tab: url('./new_tab_dark.svg');
     --url-icon-bullet: url('./bullet_dark.svg');
@@ -62,6 +64,11 @@
   outline-offset: 0.2em;
 }
 
+::selection {
+  background-color: var(--bg-color-text-selection);
+  color: var(--bg-color);
+}
+
 * {
   box-sizing: border-box;
 }