elpatron/datecalc
1
0
Fork 0
Code Issues Pull Requests Activity

Verbesserte Kontrast- und Farbgestaltung der Accordion-Header für Barrierefreiheit und bessere Unterscheidbarkeit

Browse Source
This commit is contained in:
elpatron
2025-07-25 11:22:26 +02:00
parent de47c379b5
commit 34eeed8753
1 changed files with 72 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
static/style.css
View File

@@ -146,22 +146,78 @@ button:focus, .accordion-header:focus {
.accordion-content.active { .accordion-content.active {
display: block; display: block;
} }
.header-tage { background: #2563eb; } .header-tage {
.header-tage.active, .header-tage:hover { background: #1e40af; } background: #2563eb;
.header-werktage { background: #059669; } color: #fff;
.header-werktage.active, .header-werktage:hover { background: #047857; } }
.header-wochentag { background: #f59e42; color: #fff; } .header-tage.active, .header-tage:hover {
.header-wochentag.active, .header-wochentag:hover { background: #d97706; } background: #1e40af;
.header-plusminus-tage { background: #a21caf; } color: #fff;
.header-plusminus-tage.active, .header-plusminus-tage:hover { background: #701a75; } }
.header-plusminus-werktage { background: #0ea5e9; } .header-werktage {
.header-plusminus-werktage.active, .header-plusminus-werktage:hover { background: #0369a1; } background: #059669;
.header-plusminus-wochenmonate { background: #f43f5e; } color: #fff;
.header-plusminus-wochenmonate.active, .header-plusminus-wochenmonate:hover { background: #be123c; } }
.header-kw { background: #a78bfa; color: #1e293b; } .header-werktage.active, .header-werktage:hover {
.header-kw.active, .header-kw:hover { background: #7c3aed; } background: #047857;
.header-kw-datum { background: #facc15; color: #1e293b; } color: #fff;
.header-kw-datum.active, .header-kw-datum:hover { background: #ca8a04; } }
.header-wochentag {
background: #f59e42;
color: #1e293b;
}
.header-wochentag.active, .header-wochentag:hover {
background: #d97706;
color: #fff;
}
.header-plusminus-tage {
background: #a21caf;
color: #fff;
}
.header-plusminus-tage.active, .header-plusminus-tage:hover {
background: #701a75;
color: #fff;
}
.header-plusminus-werktage {
background: #0ea5e9;
color: #fff;
}
.header-plusminus-werktage.active, .header-plusminus-werktage:hover {
background: #0369a1;
color: #fff;
}
.header-plusminus-wochenmonate {
background: #f43f5e;
color: #fff;
}
.header-plusminus-wochenmonate.active, .header-plusminus-wochenmonate:hover {
background: #be123c;
color: #fff;
}
.header-kw {
background: #a78bfa;
color: #1e293b;
}
.header-kw.active, .header-kw:hover {
background: #7c3aed;
color: #fff;
}
.header-kw-datum {
background: #facc15;
color: #1e293b;
}
.header-kw-datum.active, .header-kw-datum:hover {
background: #ca8a04;
color: #fff;
}
.header-plusminus {
background: #be123c;
color: #fff;
}
.header-plusminus.active, .header-plusminus:hover {
background: #7f1d1d;
color: #fff;
}
@media (max-width: 600px) { @media (max-width: 600px) {
.container { .container {
margin: 1em; margin: 1em;