Change text selection color
This commit is contained in:
@@ -86,6 +86,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background-color: var(--backgroundLight);
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* Allows you to scroll below the viewport; default value is visible */
|
/* Allows you to scroll below the viewport; default value is visible */
|
||||||
|
|||||||
+6
-2
@@ -71,7 +71,7 @@
|
|||||||
html.colorMode--dark {
|
html.colorMode--dark {
|
||||||
--text: white;
|
--text: white;
|
||||||
--background: hsl(211, 20%, 4%);
|
--background: hsl(211, 20%, 4%);
|
||||||
--backgroundLight: hsl(211, 20%, 10%);
|
--backgroundLight: hsl(211, 20%, 20%);
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
@@ -85,11 +85,15 @@
|
|||||||
html.colorMode--system {
|
html.colorMode--system {
|
||||||
--text: white;
|
--text: white;
|
||||||
--background: hsl(211, 20%, 4%);
|
--background: hsl(211, 20%, 4%);
|
||||||
--backgroundLight: hsl(211, 20%, 10%);
|
--backgroundLight: hsl(211, 20%, 20%);
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background-color: var(--backgroundLight);
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* Allows you to scroll below the viewport; default value is visible */
|
/* Allows you to scroll below the viewport; default value is visible */
|
||||||
|
|||||||
Reference in New Issue
Block a user