993db90e1f
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>
36 lines
764 B
CSS
36 lines
764 B
CSS
@import "tailwindcss";
|
|
|
|
/* 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-accent: #F26622;
|
|
--corrosion-dark: #000000;
|
|
--corrosion-charcoal: #1E2024;
|
|
--corrosion-surface: #1a1a1a;
|
|
--corrosion-border: #2a2a2a;
|
|
}
|
|
|
|
body {
|
|
@apply bg-neutral-950 text-neutral-100 antialiased;
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
#app {
|
|
min-height: 100vh;
|
|
}
|