Desktop/browser: explicitly define themed text `::selection` styles (#3675)

This commit is contained in:
Patrick H. Lauke 2022-10-19 01:22:20 +01:00 committed by GitHub
parent e1ee4e4098
commit 0e9d6ec4bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 0 deletions

View File

@ -392,6 +392,18 @@ input[type="password"]::-ms-reveal {
}
}
// Text selection styles
// Set explicit selection styles (assumes primary accent color has sufficient
// contrast against the background, so its inversion is also still readable)
// and suppress user selection for most elements (to make it more app-like)
::selection {
@include themify($themes) {
color: themed("backgroundColor");
background-color: themed("primaryAccentColor");
}
}
h1,
h2,
h3,

View File

@ -492,6 +492,18 @@ app-root > #loading,
border-radius: 50% !important;
}
// Text selection styles
// Set explicit selection styles (assumes primary accent color has sufficient
// contrast against the background, so its inversion is also still readable)
// and suppress user selection for most elements (to make it more app-like)
::selection {
@include themify($themes) {
color: themed("backgroundColor");
background-color: themed("primaryAccentColor");
}
}
h1,
h2,
h3,