From 1159864eb6c4d21b77f39129d1029e0532b9a3b6 Mon Sep 17 00:00:00 2001 From: gsinghpal Date: Sun, 12 Apr 2026 13:59:20 -0400 Subject: [PATCH] fusion_plating_shopfloor: opaque card border via color-mix against body-bg (v19.0.1.1.2) Mixing body-color into transparent produced a nearly-invisible border at 1px. Now mixing 22% body-color into body-bg creates an opaque border that is guaranteed visible in both themes (~#d0d0d0 light, ~#3a3d41 dark). Co-Authored-By: Claude Opus 4.6 (1M context) --- .../static/src/scss/plant_overview.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 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 23806b33..28ac5686 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,18 +188,18 @@ .o_fp_po_card { background: var(--bs-body-bg); - border: 1px solid color-mix(in srgb, var(--bs-body-color) 20%, transparent); + border: 1px solid color-mix(in srgb, var(--bs-body-color) 22%, var(--bs-body-bg)); border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; cursor: grab; - box-shadow: 0 1px 4px color-mix(in srgb, var(--bs-body-color) 12%, transparent); + box-shadow: 0 1px 4px color-mix(in srgb, var(--bs-body-color) 10%, 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) 18%, transparent); + box-shadow: 0 3px 10px color-mix(in srgb, var(--bs-body-color) 16%, transparent); transform: translateY(-1px); - border-color: color-mix(in srgb, var(--bs-body-color) 30%, transparent); + border-color: color-mix(in srgb, var(--bs-body-color) 35%, var(--bs-body-bg)); } &:active {