pigui/pireon-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Release @pi/ui 0.0.8: a ticked checkbox follows the theme's surface

Browse Source 
Its box was filled with white, which glared in dark mode. It takes
--pi-theme-field-surface now, white when a theme leaves it out.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Josep Piguillem
2026-10-14 22:48:32 +02:00
parent 74b30e5427
commit 2dd05241fc
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/ui/package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@pi/ui", "name": "@pi/ui",
"version": "0.0.7", "version": "0.0.8",
"description": "Librería de componentes Angular standalone (botones, campos con Signal Forms, cards, charts, drawer/hub/modal, theming vía tokens CSS...).", "description": "Librería de componentes Angular standalone (botones, campos con Signal Forms, cards, charts, drawer/hub/modal, theming vía tokens CSS...).",
"license": "MIT", "license": "MIT",
"generators": "./generators.json", "generators": "./generators.json",

10
libs/ui/src/lib/styles/common/vendors/_mat-checkbox.scss vendored
View File

@@ -141,7 +141,10 @@
&:checked { &:checked {
& ~ .mdc-checkbox__background { & ~ .mdc-checkbox__background {
border-color: var(--pi-color-primary); border-color: var(--pi-color-primary);
background-color: var(--pi-color-white); background-color: var(
--pi-theme-field-surface,
var(--pi-color-white)
);
} }
} }
& ~ .mdc-checkbox__background { & ~ .mdc-checkbox__background {
@@ -168,7 +171,10 @@
&:checked { &:checked {
& ~ .mdc-checkbox__background { & ~ .mdc-checkbox__background {
border-color: var(--pi-color-primary); border-color: var(--pi-color-primary);
background-color: var(--pi-color-white); background-color: var(
--pi-theme-field-surface,
var(--pi-color-white)
);
} }
} }
} }