folder rename
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
// =============================================================================
|
||||
// Fusion Plating — Nuclear (CSA N299, NQA-1) backend styles
|
||||
// Copyright 2026 Nexa Systems Inc.
|
||||
// License OPL-1 (Odoo Proprietary License v1.0)
|
||||
//
|
||||
// THEME AWARENESS
|
||||
// ---------------
|
||||
// This file NEVER hardcodes backgrounds or text colours. All surface and
|
||||
// semantic colours come from Odoo / Bootstrap CSS custom properties so the
|
||||
// component renders correctly in BOTH light and dark mode without any
|
||||
// duplication or media-query overrides.
|
||||
//
|
||||
// background: var(--bs-body-bg) // main surface
|
||||
// surface: var(--o-view-background-color) // view canvas
|
||||
// foreground: var(--bs-body-color) // main text
|
||||
// muted text: var(--bs-secondary-color)
|
||||
// border: var(--bs-border-color)
|
||||
// primary: var(--o-action) // Odoo action / brand
|
||||
// success: var(--bs-success)
|
||||
// warning: var(--bs-warning)
|
||||
// danger: var(--bs-danger)
|
||||
// info: var(--bs-info)
|
||||
//
|
||||
// Semantic status tints use `color-mix()` against the Bootstrap theme tokens
|
||||
// so a danger badge is darker on light mode and brighter on dark mode
|
||||
// automatically — one rule, two looks.
|
||||
//
|
||||
// We never target `.o_dark`, `html.dark`, or `@media (prefers-color-scheme)`.
|
||||
// =============================================================================
|
||||
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Local helper — semantic tint mixin
|
||||
// -----------------------------------------------------------------------------
|
||||
@mixin fp-nuclear-tint($color-var, $amount: 12%) {
|
||||
background-color: color-mix(in srgb, var(#{$color-var}) #{$amount}, transparent);
|
||||
color: var(#{$color-var});
|
||||
border: 1px solid color-mix(in srgb, var(#{$color-var}) 35%, transparent);
|
||||
}
|
||||
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// N299 level pill — used anywhere a level is displayed inline
|
||||
// -----------------------------------------------------------------------------
|
||||
.o_fp_nuclear_level {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.03em;
|
||||
border-radius: 999px;
|
||||
@include fp-nuclear-tint(--bs-info);
|
||||
|
||||
&[data-level="1"] { @include fp-nuclear-tint(--bs-danger); }
|
||||
&[data-level="2"] { @include fp-nuclear-tint(--bs-warning); }
|
||||
&[data-level="3"] { @include fp-nuclear-tint(--bs-info); }
|
||||
&[data-level="4"] { @include fp-nuclear-tint(--bs-secondary-color); }
|
||||
}
|
||||
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Locked pedigree — visual cue that the record is frozen
|
||||
// -----------------------------------------------------------------------------
|
||||
.o_fp_nuclear_locked {
|
||||
// When a pedigree is locked the title picks up a subtle danger tint so
|
||||
// the reader knows at a glance that further changes need change control.
|
||||
// The Odoo ribbon widget handles the overt "Locked" indicator; this
|
||||
// just reinforces it on the title line.
|
||||
color: color-mix(in srgb, var(--bs-body-color) 85%, var(--bs-danger));
|
||||
}
|
||||
Reference in New Issue
Block a user