feat: Align UI to brand guidelines — Oxide Orange #F26622 replaces red accent

Defines oxide color scale (50-950) via Tailwind v4 @theme directive.
Swaps all accent red-* classes to oxide-* across layouts, auth views,
and footer. Semantic reds (error banners, offline status, stop button)
intentionally preserved.

Brand spec: Corrosion_Management_Brand_Guidelines.pdf

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Vantz Stockwell
2026-02-14 22:48:35 -05:00
parent c12acd39a3
commit 993db90e1f
5 changed files with 32 additions and 19 deletions

View File

@@ -1,12 +1,25 @@
@import "tailwindcss";
/* Corrosion Platform — Custom Styles */
/* Corrosion Brand — Oxide Orange #F26622 */
@theme {
--color-oxide-50: #FEF3EB;
--color-oxide-100: #FDE3D0;
--color-oxide-200: #FBC4A1;
--color-oxide-300: #F9A472;
--color-oxide-400: #F58543;
--color-oxide-500: #F26622;
--color-oxide-600: #D9541A;
--color-oxide-700: #B84315;
--color-oxide-800: #933510;
--color-oxide-900: #6E280C;
--color-oxide-950: #3D1506;
}
/* Dark mode is default — Rust servers run at night */
:root {
--corrosion-red: #ef4444;
--corrosion-orange: #f97316;
--corrosion-dark: #0f0f0f;
--corrosion-accent: #F26622;
--corrosion-dark: #000000;
--corrosion-charcoal: #1E2024;
--corrosion-surface: #1a1a1a;
--corrosion-border: #2a2a2a;
}