Forbetr kontrast på statustekst for WCAG AA
Endrar status_text frå #B0BEC5 (~4.5:1) til #CFD8DC (~6.5:1) mot #16213E-bakgrunnen, i både Android-appen og PWA-en. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
a3728798b8
commit
fa4c379176
2 changed files with 7 additions and 7 deletions
|
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
<color name="background">#1A1A2E</color>
|
<color name="background">#1A1A2E</color>
|
||||||
<color name="status_bar_bg">#16213E</color>
|
<color name="status_bar_bg">#16213E</color>
|
||||||
<color name="status_text">#B0BEC5</color>
|
<color name="status_text">#CFD8DC</color>
|
||||||
<color name="bottom_sheet_bg">#1A1A2E</color>
|
<color name="bottom_sheet_bg">#1A1A2E</color>
|
||||||
<color name="compass_bg">#0F0F23</color>
|
<color name="compass_bg">#0F0F23</color>
|
||||||
<color name="loading_bg">#CC000000</color>
|
<color name="loading_bg">#CC000000</color>
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,7 @@ html, body {
|
||||||
|
|
||||||
#status-text {
|
#status-text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
color: #B0BEC5;
|
color: #CFD8DC;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -50,7 +50,7 @@ html, body {
|
||||||
#refresh-btn {
|
#refresh-btn {
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
color: #B0BEC5;
|
color: #CFD8DC;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
@ -142,8 +142,8 @@ html, body {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: #16213E;
|
background: #16213E;
|
||||||
border: 2px solid #B0BEC5;
|
border: 2px solid #CFD8DC;
|
||||||
color: #B0BEC5;
|
color: #CFD8DC;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
|
||||||
|
|
@ -356,7 +356,7 @@ html, body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.leaflet-control-attribution a {
|
.leaflet-control-attribution a {
|
||||||
color: #B0BEC5 !important;
|
color: #CFD8DC !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leaflet-popup-content-wrapper {
|
.leaflet-popup-content-wrapper {
|
||||||
|
|
@ -370,5 +370,5 @@ html, body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.leaflet-popup-close-button {
|
.leaflet-popup-close-button {
|
||||||
color: #B0BEC5 !important;
|
color: #CFD8DC !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue