7db914084e
- Apply Stitch design system to leadspeicher, suche, TopBar, globals.css - Add Energieversorger queue campaign (Netzbetreiber, Fernwärme, Industriepark) with BW + Bayern priority, tracks usage per term+location combo - Remove TopBar right-side actions (Leads finden, bell, settings) - Remove mode tabs from manual search, rename KI button - Fix Google Fonts @import order (move to <link> in layout.tsx) - Add cursor-pointer globally via globals.css - Responsive fixes for campaign buttons and KI button - Fix .dockerignore to exclude .env from image build - Add stadtwerke-cities API + city data (50 cities per Bundesland) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
117 lines
3.3 KiB
CSS
117 lines
3.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
/* Stitch Solar Design System Colors */
|
|
--color-background: #0d1419;
|
|
--color-surface: #0d1419;
|
|
--color-surface-dim: #0d1419;
|
|
--color-surface-container-lowest: #080f13;
|
|
--color-surface-container-low: #161c21;
|
|
--color-surface-container: #1a2025;
|
|
--color-surface-container-high: #242b30;
|
|
--color-surface-container-highest: #2f363b;
|
|
--color-surface-bright: #333a3f;
|
|
--color-surface-variant: #2f363b;
|
|
--color-surface-tint: #adc7ff;
|
|
--color-primary: #adc7ff;
|
|
--color-primary-container: #1a73e8;
|
|
--color-primary-fixed: #d8e2ff;
|
|
--color-primary-fixed-dim: #adc7ff;
|
|
--color-on-primary: #002e68;
|
|
--color-on-primary-container: #ffffff;
|
|
--color-on-primary-fixed: #001a41;
|
|
--color-on-primary-fixed-variant: #004493;
|
|
--color-secondary: #ffb77b;
|
|
--color-secondary-container: #fb8c00;
|
|
--color-secondary-fixed: #ffdcc2;
|
|
--color-secondary-fixed-dim: #ffb77b;
|
|
--color-on-secondary: #4c2700;
|
|
--color-on-secondary-container: #5f3200;
|
|
--color-on-secondary-fixed: #2e1500;
|
|
--color-on-secondary-fixed-variant: #6d3a00;
|
|
--color-tertiary: #a0d82c;
|
|
--color-tertiary-container: #5c8200;
|
|
--color-tertiary-fixed: #baf549;
|
|
--color-tertiary-fixed-dim: #a0d82c;
|
|
--color-on-tertiary: #243600;
|
|
--color-on-tertiary-container: #ffffff;
|
|
--color-on-tertiary-fixed: #131f00;
|
|
--color-on-tertiary-fixed-variant: #364e00;
|
|
--color-on-surface: #dce3ea;
|
|
--color-on-surface-variant: #c1c6d6;
|
|
--color-on-background: #dce3ea;
|
|
--color-outline: #8b909f;
|
|
--color-outline-variant: #414754;
|
|
--color-error: #ffb4ab;
|
|
--color-error-container: #93000a;
|
|
--color-on-error: #690005;
|
|
--color-on-error-container: #ffdad6;
|
|
--color-inverse-surface: #dce3ea;
|
|
--color-inverse-on-surface: #2a3136;
|
|
--color-inverse-primary: #005bc0;
|
|
|
|
/* Font families */
|
|
--font-headline: 'Manrope', sans-serif;
|
|
--font-body: 'Inter', sans-serif;
|
|
--font-label: 'Inter', sans-serif;
|
|
}
|
|
|
|
button { cursor: pointer; }
|
|
button:disabled { cursor: not-allowed; }
|
|
|
|
@keyframes shimmer {
|
|
0% { transform: translateX(-100%); }
|
|
100% { transform: translateX(400%); }
|
|
}
|
|
|
|
:root {
|
|
--background: #0d1419;
|
|
--card: #161c21;
|
|
--border: #414754;
|
|
--primary: #adc7ff;
|
|
--secondary: #fb8c00;
|
|
--success: #a0d82c;
|
|
--warning: #ffb77b;
|
|
--error: #ffb4ab;
|
|
--foreground: #dce3ea;
|
|
--muted: #c1c6d6;
|
|
}
|
|
|
|
* {
|
|
border-color: var(--border);
|
|
}
|
|
|
|
body {
|
|
background-color: #0d1419;
|
|
color: #dce3ea;
|
|
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: 'Manrope', sans-serif;
|
|
}
|
|
|
|
.material-symbols-outlined {
|
|
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
|
font-family: 'Material Symbols Outlined';
|
|
font-style: normal;
|
|
line-height: 1;
|
|
letter-spacing: normal;
|
|
text-transform: none;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
direction: ltr;
|
|
-webkit-font-feature-settings: 'liga';
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar { width: 6px; height: 6px; }
|
|
::-webkit-scrollbar-track { background: #0d1419; }
|
|
::-webkit-scrollbar-thumb { background: #414754; border-radius: 3px; }
|
|
::-webkit-scrollbar-thumb:hover { background: #adc7ff; }
|
|
|
|
.no-scrollbar::-webkit-scrollbar { display: none; }
|
|
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
|