From 59dfb3335a50b2a5ca8bb09545ffd36c9ccd5c0d Mon Sep 17 00:00:00 2001 From: gsinghpal Date: Sun, 12 Apr 2026 13:53:54 -0400 Subject: [PATCH] fusion_plating_shopfloor: stronger card border using color-mix for visibility (v19.0.1.1.1) var(--bs-border-color) was nearly invisible against var(--bs-body-bg) in both light and dark mode. Switched to color-mix(var(--bs-body-color) 20%) which guarantees visible contrast regardless of theme. Hover darkens to 30%. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../static/src/scss/plant_overview.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss b/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss index cbaa70ee..23806b33 100644 --- a/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss +++ b/fusion-plating/fusion_plating_shopfloor/static/src/scss/plant_overview.scss @@ -188,17 +188,18 @@ .o_fp_po_card { background: var(--bs-body-bg); - border: 1px solid var(--bs-border-color); + border: 1px solid color-mix(in srgb, var(--bs-body-color) 20%, transparent); border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; cursor: grab; - box-shadow: 0 1px 3px color-mix(in srgb, var(--bs-body-color) 8%, transparent); + box-shadow: 0 1px 4px color-mix(in srgb, var(--bs-body-color) 12%, transparent); transition: box-shadow 0.15s, transform 0.1s, opacity 0.15s; &:hover { - box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 14%, transparent); + box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 18%, transparent); transform: translateY(-1px); + border-color: color-mix(in srgb, var(--bs-body-color) 30%, transparent); } &:active {