shmup/ants
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change from blue to red

Browse source
This commit is contained in:
Jared Miller 2026-03-10 11:04:28 -04:00
parent a187ccded2
commit 1c74aabd53
Signed by: shmup
GPG key ID: 22B5C6D66A38B06C
1 changed files with 24 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
index.html
View file

@ -15,7 +15,7 @@
width: 220px; width: 220px;
min-width: 220px; min-width: 220px;
height: 100vh; height: 100vh;
background: #1a1a1a; background: #0a0a0a;
overflow-y: auto; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -23,17 +23,17 @@
#info { #info {
font-family: monospace; font-family: monospace;
color: #aaa; color: #777;
padding: 12px; padding: 12px;
font-size: 12px; font-size: 12px;
line-height: 2; line-height: 2;
border-bottom: 1px solid #333; border-bottom: 1px solid #1a1a1a;
} }
#info kbd { #info kbd {
display: inline-block; display: inline-block;
background: #333; background: #1a1a1a;
color: #ddd; color: #c43c3c;
padding: 1px 5px; padding: 1px 5px;
border-radius: 3px; border-radius: 3px;
font-family: monospace; font-family: monospace;
@ -49,9 +49,9 @@
width: calc(100% - 16px); width: calc(100% - 16px);
margin: 12px 8px; margin: 12px 8px;
padding: 6px; padding: 6px;
background: #333; background: #141414;
color: #aaa; color: #666;
border: 1px solid #555; border: 1px solid #2a2a2a;
border-radius: 3px; border-radius: 3px;
font-family: monospace; font-family: monospace;
font-size: 12px; font-size: 12px;
@ -59,14 +59,28 @@
} }
.reset-btn:hover { .reset-btn:hover {
background: #444; background: #1a1a1a;
color: #ddd; color: #c43c3c;
} }
#gui-container { #gui-container {
flex: 1; flex: 1;
} }
/* lil-gui noir + red theme */
#gui-container .lil-gui {
--background-color: #0a0a0a;
--widget-color: #1a1a1a;
--hover-color: #222;
--focus-color: #2a2a2a;
--number-color: #c43c3c;
--string-color: #c43c3c;
--text-color: #888;
--title-background-color: #0f0f0f;
--title-text-color: #999;
--folder-indent: 8px;
}
/* lil-gui overrides: fill sidebar, labels on top */ /* lil-gui overrides: fill sidebar, labels on top */
#gui-container .lil-gui.root { #gui-container .lil-gui.root {
width: 100% !important; width: 100% !important;