example site - text selection - more readable colors

andis-sprinkis · Dec 12, 2023 · fa76857 · fa76857
1 parent db8b187
commit fa76857
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/site/_inline_link_title_suffix_new_tab 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
@@ -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;
 }