diff --git a/modules/boersenchecker/assets/boersenchecker.css b/modules/boersenchecker/assets/boersenchecker.css index ef6996b..2067c41 100644 --- a/modules/boersenchecker/assets/boersenchecker.css +++ b/modules/boersenchecker/assets/boersenchecker.css @@ -1,20 +1,20 @@ .bc-app { - --bc-accent: #5eead4; - --bc-accent-strong: #79d7ff; - --bc-ink: #09111f; - --bc-text: rgba(236, 245, 255, 0.96); - --bc-muted: rgba(203, 218, 234, 0.78); - --bc-line: rgba(148, 163, 184, 0.22); - --bc-panel: rgba(15, 23, 42, 0.68); - --bc-panel-soft: rgba(15, 23, 42, 0.52); - --bc-positive: #86efac; - --bc-negative: #fca5a5; + --bc-accent: var(--brand-accent); + --bc-accent-strong: var(--brand-accent-2); + --bc-ink: var(--text); + --bc-text: var(--text); + --bc-muted: var(--muted); + --bc-line: var(--line); + --bc-panel: rgba(255, 255, 255, 0.78); + --bc-panel-soft: rgba(248, 252, 252, 0.92); + --bc-positive: #137333; + --bc-negative: #c62828; color: var(--bc-text); } .bc-grid-bg { position: relative; - padding: 8px 0 32px; + padding: 0 0 8px; } .bc-grid-bg::before { @@ -23,8 +23,8 @@ inset: 0; pointer-events: none; background: - radial-gradient(circle at top right, rgba(94, 234, 212, 0.16), transparent 28%), - radial-gradient(circle at bottom left, rgba(121, 215, 255, 0.14), transparent 30%), + radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent-2) 10%, transparent), transparent 28%), + radial-gradient(circle at bottom left, color-mix(in srgb, var(--brand-accent-3) 10%, transparent), transparent 30%), linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)); } @@ -102,7 +102,7 @@ border: 1px solid var(--bc-line); border-radius: 22px; background: var(--bc-panel); - box-shadow: inset 0 1px 0 rgba(255,255,255,0.03); + box-shadow: 0 10px 24px rgba(1, 22, 32, 0.06); } .bc-form-card, @@ -154,25 +154,25 @@ } .bc-button--tab { - background: rgba(255, 255, 255, 0.92); + background: rgba(255, 255, 255, 0.94); color: var(--bc-ink); font-weight: 700; } .bc-button--tab-active { - background: linear-gradient(135deg, var(--bc-accent-strong), var(--bc-accent)); - color: var(--bc-ink); + background: linear-gradient(135deg, var(--bc-accent), var(--brand-accent-3)); + color: #fff7fb; font-weight: 700; } .bc-button--primary { - background: linear-gradient(135deg, var(--bc-accent), var(--bc-accent-strong)); - color: var(--bc-ink); + background: linear-gradient(135deg, var(--bc-accent), var(--brand-accent-3)); + color: #fff7fb; font-weight: 700; } .bc-button--secondary { - background: rgba(255, 255, 255, 0.92); + background: rgba(255, 255, 255, 0.94); color: var(--bc-ink); font-weight: 700; } @@ -180,7 +180,7 @@ .bc-button--ghost { background: color-mix(in srgb, var(--bc-accent) 14%, transparent); border-color: color-mix(in srgb, var(--bc-accent) 34%, transparent); - color: var(--bc-accent-strong); + color: var(--bc-accent); font-weight: 700; } @@ -251,7 +251,7 @@ stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; - filter: drop-shadow(0 12px 24px rgba(94, 234, 212, 0.22)); + filter: drop-shadow(0 12px 24px color-mix(in srgb, var(--bc-accent) 18%, transparent)); } .bc-chart-area { @@ -259,7 +259,7 @@ } .bc-chart-grid line { - stroke: rgba(255,255,255,0.08); + stroke: rgba(16, 33, 43, 0.08); stroke-dasharray: 4 6; } @@ -271,7 +271,7 @@ .bc-range-button { border: 1px solid color-mix(in srgb, var(--bc-accent) 26%, transparent); - background: color-mix(in srgb, var(--bc-accent) 8%, transparent); + background: rgba(255, 255, 255, 0.76); color: var(--bc-text); padding: 8px 12px; border-radius: 999px; @@ -326,8 +326,8 @@ width: fit-content; padding: 6px 10px; border-radius: 999px; - background: rgba(255,255,255,0.06); - color: var(--bc-muted); + background: color-mix(in srgb, var(--bc-accent) 10%, transparent); + color: var(--bc-text); font-size: .85rem; } @@ -366,13 +366,13 @@ border: 1px solid var(--bc-line); border-radius: 14px; padding: 10px 12px; - background: rgba(2, 6, 23, 0.42); + background: var(--surface-strong); color: var(--bc-text); } .bc-app input::placeholder, .bc-app textarea::placeholder { - color: rgba(203, 218, 234, 0.48); + color: color-mix(in srgb, var(--bc-muted) 70%, transparent); } .bc-app a { diff --git a/modules/boersenchecker/partials/dashboard.php b/modules/boersenchecker/partials/dashboard.php index eb84e68..5a0e15f 100644 --- a/modules/boersenchecker/partials/dashboard.php +++ b/modules/boersenchecker/partials/dashboard.php @@ -2,11 +2,6 @@ = module_shell_header('boersenchecker', [ 'title' => 'Depotverwaltung', 'description' => 'Depots, Positionen und Kurs-Historien verwalten.', - 'tabs' => [ - ['label' => 'Ueberblick', 'href' => '/module/boersenchecker'], - ['label' => 'Depotverwaltung', 'href' => '/module/boersenchecker/depotverwaltung', 'active' => true], - ['label' => 'Aktienverwaltung', 'href' => '/module/boersenchecker/aktienverwaltung'], - ], ]) ?>