74 lines
2.5 KiB
SCSS
74 lines
2.5 KiB
SCSS
// Fusion Claims — Service Booking wizard design tokens.
|
|
//
|
|
// Per the repo dark-mode rule (CLAUDE.md "Dark Mode — Branch on
|
|
// $o-webclient-color-scheme at SCSS Compile Time"): this file is compiled into
|
|
// BOTH web.assets_backend (bright) and web.assets_web_dark (dark). We branch at
|
|
// COMPILE TIME on $o-webclient-color-scheme and emit one --sb-* CSS custom
|
|
// property per token, scoped to .o_service_booking. Do NOT use .o_dark_mode /
|
|
// [data-bs-theme] / prefers-color-scheme — none fire reliably in Odoo 19.
|
|
//
|
|
// Values are copied verbatim from the mockup's :root (light) and
|
|
// [data-theme="dark"] (dark) blocks — technician-booking-wizard.html.
|
|
|
|
$o-webclient-color-scheme: bright !default;
|
|
|
|
// --- light values (mockup :root / [data-theme="light"]) ---
|
|
$_page: #eef0f3;
|
|
$_panel: #e6e9ed;
|
|
$_card: #ffffff;
|
|
$_border: #d8dadd;
|
|
$_text: #1f2430;
|
|
$_muted: #6b7280;
|
|
$_faint: #9ca3af;
|
|
$_field: #ffffff;
|
|
$_field-border: #cfd3d8;
|
|
$_field-focus: #3a8fb7;
|
|
$_chip: #f1f4f7;
|
|
$_accent: #2e7aad;
|
|
$_accent-soft: #e8f2f8;
|
|
$_ok: #16a34a;
|
|
$_star: #f5b301;
|
|
$_money: #0f7d4e;
|
|
$_money-soft: #e7f6ee;
|
|
|
|
@if $o-webclient-color-scheme == dark {
|
|
// --- dark values (mockup [data-theme="dark"]) ---
|
|
$_page: #14161b !global;
|
|
$_panel: #1b1e24 !global;
|
|
$_card: #22262d !global;
|
|
$_border: #343a42 !global;
|
|
$_text: #e7eaef !global;
|
|
$_muted: #9aa3af !global;
|
|
$_faint: #6b7480 !global;
|
|
$_field: #1a1d23 !global;
|
|
$_field-border: #3a4049 !global;
|
|
$_field-focus: #4aa3cf !global;
|
|
$_chip: #2a2f37 !global;
|
|
$_accent: #3a8fb7 !global;
|
|
$_accent-soft: #19303d !global;
|
|
$_ok: #22c55e !global;
|
|
$_star: #f5b301 !global;
|
|
$_money: #34d27f !global;
|
|
$_money-soft: #15281f !global;
|
|
}
|
|
|
|
.o_service_booking {
|
|
--sb-page: #{$_page};
|
|
--sb-panel: #{$_panel};
|
|
--sb-card: #{$_card};
|
|
--sb-border: #{$_border};
|
|
--sb-text: #{$_text};
|
|
--sb-muted: #{$_muted};
|
|
--sb-faint: #{$_faint};
|
|
--sb-field: #{$_field};
|
|
--sb-field-border: #{$_field-border};
|
|
--sb-field-focus: #{$_field-focus};
|
|
--sb-chip: #{$_chip};
|
|
--sb-accent: #{$_accent};
|
|
--sb-accent-soft: #{$_accent-soft};
|
|
--sb-ok: #{$_ok};
|
|
--sb-star: #{$_star};
|
|
--sb-money: #{$_money};
|
|
--sb-money-soft: #{$_money-soft};
|
|
}
|