feat(ui): add light theme toggle
This commit is contained in:
parent
bbc81cea0d
commit
cdb269e505
17 changed files with 415 additions and 24 deletions
10
src/app.css
10
src/app.css
|
|
@ -107,8 +107,8 @@ body {
|
|||
min-height: 100vh;
|
||||
margin: 0;
|
||||
background:
|
||||
linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
|
||||
linear-gradient(var(--ui-color-grid-line) 1px, transparent 1px),
|
||||
linear-gradient(90deg, var(--ui-color-grid-line) 1px, transparent 1px),
|
||||
var(--ui-color-canvas);
|
||||
background-size: 48px 48px, 48px 48px, auto;
|
||||
color: var(--ui-color-text);
|
||||
|
|
@ -142,13 +142,17 @@ a {
|
|||
padding: var(--ui-space-4);
|
||||
}
|
||||
|
||||
.state-shell__actions {
|
||||
justify-self: center;
|
||||
}
|
||||
|
||||
.state-shell ul {
|
||||
display: grid;
|
||||
max-width: 56rem;
|
||||
gap: var(--ui-space-2);
|
||||
margin: 0;
|
||||
border: var(--ui-border);
|
||||
background: rgba(6, 8, 7, 0.82);
|
||||
background: var(--ui-color-surface-module);
|
||||
color: var(--ui-color-muted);
|
||||
font-size: 0.76rem;
|
||||
list-style-position: inside;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue