Design: neutrale Grau-Hintergründe, Kapitelliste volle Höhe
- Hintergrundfarben auf neutrales Dunkelgrau geändert (#111111/#1a1a1a/#222222) - Nur Akzentfarbe (#1ed760) und Buttons/aktive States bleiben grün - ChapterList: max-h-64 entfernt, nutzt jetzt volle Seitenhöhe Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -23,7 +23,7 @@ export default function ChapterList({ chapters, currentTime, onSeek }: Props) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mt-4 border-t border-divider pt-4 max-h-64 overflow-y-auto">
|
<div className="mt-4 border-t border-divider pt-4">
|
||||||
<p className="text-muted uppercase tracking-wider mb-2" style={{ fontSize: '10px', fontWeight: 600, letterSpacing: '0.12em' }}>Kapitel</p>
|
<p className="text-muted uppercase tracking-wider mb-2" style={{ fontSize: '10px', fontWeight: 600, letterSpacing: '0.12em' }}>Kapitel</p>
|
||||||
{chapters.map((ch, i) => (
|
{chapters.map((ch, i) => (
|
||||||
<button
|
<button
|
||||||
|
|||||||
@@ -3,16 +3,16 @@
|
|||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #0a0d0b;
|
background: #111111;
|
||||||
color: #e4ede5;
|
color: #e8e8e8;
|
||||||
font-family: 'Inter', sans-serif;
|
font-family: 'Inter', sans-serif;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar { width: 6px; height: 6px; }
|
::-webkit-scrollbar { width: 6px; height: 6px; }
|
||||||
::-webkit-scrollbar-track { background: transparent; }
|
::-webkit-scrollbar-track { background: transparent; }
|
||||||
::-webkit-scrollbar-thumb { background: #2e3f30; border-radius: 3px; }
|
::-webkit-scrollbar-thumb { background: #333333; border-radius: 3px; }
|
||||||
::-webkit-scrollbar-thumb:hover { background: #3d5440; }
|
::-webkit-scrollbar-thumb:hover { background: #444444; }
|
||||||
|
|
||||||
input[type=range] {
|
input[type=range] {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
|
|||||||
@@ -5,15 +5,15 @@ export default {
|
|||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {
|
||||||
colors: {
|
colors: {
|
||||||
background: '#0a0d0b',
|
background: '#111111',
|
||||||
surface: '#111511',
|
surface: '#1a1a1a',
|
||||||
card: '#161d17',
|
card: '#222222',
|
||||||
divider: '#1e2a1f',
|
divider: '#303030',
|
||||||
primary: '#1ed760',
|
primary: '#1ed760',
|
||||||
'primary-dim': '#155a2a',
|
'primary-dim': '#1a3d28',
|
||||||
ink: '#e4ede5',
|
ink: '#e8e8e8',
|
||||||
muted: '#6a8c6d',
|
muted: '#888888',
|
||||||
muted2: '#2e3f30',
|
muted2: '#333333',
|
||||||
c1: '#1a2e1c',
|
c1: '#1a2e1c',
|
||||||
c2: '#1c1a2e',
|
c2: '#1c1a2e',
|
||||||
c3: '#2e1a1a',
|
c3: '#2e1a1a',
|
||||||
|
|||||||
Reference in New Issue
Block a user