Stitch redesign, Energieversorger-Kampagne, UI improvements
- 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>
This commit is contained in:
113
app/globals.css
113
app/globals.css
@@ -1,21 +1,80 @@
|
||||
@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: #0a0a0f;
|
||||
--card: #111118;
|
||||
--border: #1e1e2e;
|
||||
--primary: #3b82f6;
|
||||
--secondary: #8b5cf6;
|
||||
--success: #22c55e;
|
||||
--warning: #f59e0b;
|
||||
--error: #ef4444;
|
||||
--foreground: #f0f0f5;
|
||||
--muted: #6b7280;
|
||||
--background: #0d1419;
|
||||
--card: #161c21;
|
||||
--border: #414754;
|
||||
--primary: #adc7ff;
|
||||
--secondary: #fb8c00;
|
||||
--success: #a0d82c;
|
||||
--warning: #ffb77b;
|
||||
--error: #ffb4ab;
|
||||
--foreground: #dce3ea;
|
||||
--muted: #c1c6d6;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -23,13 +82,35 @@
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), Inter, system-ui, -apple-system, sans-serif;
|
||||
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: #0a0a0f; }
|
||||
::-webkit-scrollbar-thumb { background: #1e1e2e; border-radius: 3px; }
|
||||
::-webkit-scrollbar-thumb:hover { background: #3b82f6; }
|
||||
::-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; }
|
||||
|
||||
Reference in New Issue
Block a user