From 2dd05241fc0ab60acc17a7daf640df7374b59972 Mon Sep 17 00:00:00 2001 From: Josep Piguillem Date: Wed, 14 Oct 2026 22:48:32 +0200 Subject: [PATCH] Release @pi/ui 0.0.8: a ticked checkbox follows the theme's surface 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 --- libs/ui/package.json | 2 +- .../src/lib/styles/common/vendors/_mat-checkbox.scss | 10 ++++++++-- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/libs/ui/package.json b/libs/ui/package.json index a88fd2b..dcfbeb0 100644 --- a/libs/ui/package.json +++ b/libs/ui/package.json @@ -1,6 +1,6 @@ { "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...).", "license": "MIT", "generators": "./generators.json", diff --git a/libs/ui/src/lib/styles/common/vendors/_mat-checkbox.scss b/libs/ui/src/lib/styles/common/vendors/_mat-checkbox.scss index 523f2a2..11ccc1c 100644 --- a/libs/ui/src/lib/styles/common/vendors/_mat-checkbox.scss +++ b/libs/ui/src/lib/styles/common/vendors/_mat-checkbox.scss @@ -141,7 +141,10 @@ &:checked { & ~ .mdc-checkbox__background { 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 { @@ -168,7 +171,10 @@ &:checked { & ~ .mdc-checkbox__background { border-color: var(--pi-color-primary); - background-color: var(--pi-color-white); + background-color: var( + --pi-theme-field-surface, + var(--pi-color-white) + ); } } }