prehistoric-systems/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2026-03-11 09:04:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve rendering with high-contrast theme

Browse source 
Related issue:
https://github.com/uBlockOrigin/uBlock-issues/issues/3385
This commit is contained in:
Raymond Hill 2025-08-20 11:02:35 -04:00
parent bc4e829427
commit 5d7e5ee3a0
No known key found for this signature in database
GPG key ID: 25E1490B761470C2
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/css/common.css
View file

@ -80,7 +80,7 @@ button {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 0;
border: var(--button-border-size) solid var(--ink-1);
border-radius: var(--button-border-radius);
background-color: var(--button-surface);
color: var(--button-ink);
@ -193,7 +193,7 @@ label:hover .checkbox:not([disabled]) {
height: 100%;
margin: 0;
min-width: var(--checkbox-size);
opacity: 0;
opacity: var(--native-control-opacity);
position: absolute;
width: 100%;
}
@ -204,6 +204,7 @@ label:hover .checkbox:not([disabled]) {
box-sizing: border-box;
fill: none;
height: 100%;
opacity: calc(1 - var(--native-control-opacity));
pointer-events: none;
position: absolute;
stroke: none;
@ -242,7 +243,7 @@ label:hover .checkbox:not([disabled]) {
height: 100%;
margin: 0;
min-width: var(--checkbox-size);
opacity: 0;
opacity: var(--native-control-opacity);
position: absolute;
width: 100%;
}
@ -250,6 +251,7 @@ label:hover .checkbox:not([disabled]) {
background-color: transparent;
box-sizing: border-box;
height: 100%;
opacity: calc(1 - var(--native-control-opacity));
pointer-events: none;
position: absolute;
width: 100%;

6
src/css/themes/default.css
View file

@ -408,8 +408,11 @@
--fieldset-header-surface: transparent;
--fieldset-header-ink: var(--ink-2);
--native-control-opacity: 0;
--button-ink: var(--ink-1);
--button-surface: rgb(var(--button-surface-rgb));
--button-border-size: 0;
--button-border-radius: 5px;
--button-preferred-ink: var(--accent-ink-1);
--button-preferred-surface: var(--accent-surface-1);
@ -462,7 +465,8 @@
@media (prefers-contrast: more) {
:root {
--checkbox-checked-ink: var(--ink-1);
--native-control-opacity: 1;
--button-border-size: 1px;
}
}