the home site for me: also iteration 3 or 4 of my site

feat: make selection color readable

Changed files
+7 -2
sass
css
+7 -2
sass/css/suCSS.css
···
--accent-text: #dfd1bc;
--border: #646868;
--link: var(--accent);
+
--selection: color-mix(in oklab, var(--accent), var(--gradient-average-light) 50%);
}
/* theme media queries */
···
--accent-dark: var(--dark-crushed-grape);
--accent-text: var(--purple-gray);
--link: var(--light-crushed-grape);
-
--border: var(--pink-puree)
+
--border: var(--pink-puree);
+
--selection: color-mix(in oklab, var(--accent), var(--gradient-average-dark) 50%);
}
}
···
--accent-text: var(--purple-gray);
--link: var(--light-crushed-grape);
--border: var(--pink-puree);
+
--selection: color-mix(in oklab, var(--accent), var(--gradient-average-dark) 50%);
}
@media (prefers-color-scheme: light) {
···
--accent-text: #dfd1bc;
--border: #646868;
--link: var(--accent);
+
--selection: color-mix(in oklab, var(--accent), var(--gradient-average-light) 50%);
}
}
···
--accent-text: #dfd1bc;
--border: #646868;
--link: var(--accent);
+
--selection: color-mix(in oklab, var(--accent), var(--gradient-average-light) 50%);
}
::selection,
::-moz-selection {
color: var(--bg);
-
background: var(--accent);
+
background: var(--selection);
}
/* chromium scrollbars */