Die Farben sollten mit light-dark() festgelegt werden, um ein angenehmeres Arbeiten zu ermögllichen.
Zwei Buttons 🌞 und 🌛 wären hilfreich, wobei maximal einer von beiden den Status checked haben kann.
Wenn keiner gedrückt ist, gilt window.matchMedia('(prefers-color-scheme: dark)').matches.
Alte und neue Farben (in Erstellung):
|
aktuell |
dark |
light |
| inverted bg |
#2c3e50 |
|
|
| inverted fg |
#ffffff |
|
|
| canvas |
#f4f4f4 |
|
|
| normal bg |
#ffffff |
|
|
| normal fg |
#000000 |
|
|
| warning bg |
n/a |
|
|
| warning fg |
n/a |
|
|
Hinweise:
- Invertierter Bereich:
header und .panel-header
- Canvas:
.container
- Normal:
.panel-content
<button id="render">Render</button>:
Die Farben sollten mit
light-dark()festgelegt werden, um ein angenehmeres Arbeiten zu ermögllichen.Zwei Buttons
🌞und🌛wären hilfreich, wobei maximal einer von beiden den Statuscheckedhaben kann.Wenn keiner gedrückt ist, gilt
window.matchMedia('(prefers-color-scheme: dark)').matches.Alte und neue Farben (in Erstellung):
#2c3e50#ffffff#f4f4f4#ffffff#000000Hinweise:
headerund.panel-header.container.panel-content<button id="render">Render</button>:warning)