leif/lexys-labyrinth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lighten the color scheme somewhat

Browse Source
This commit is contained in:
Eevee (Evelyn Woods) 2024-05-07 17:10:05 -06:00
parent 246e56187c
commit ed67f371cb
1 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
style.css
View File

@ -12,20 +12,20 @@ body {
font-family: Ubuntu, Source Sans Pro, DejaVu Sans, sans-serif; font-family: Ubuntu, Source Sans Pro, DejaVu Sans, sans-serif;
line-height: 1.33; line-height: 1.33;
background: hsl(var(--main-hue), 5%, 5%); background: hsl(var(--main-hue), 10%, 7.5%);
background-image: url(background.svg); background-image: url(background.svg);
background-size: 12em; background-size: 12em;
color: #ececec; color: #ececec;
--main-hue: 340; --main-hue: 340;
--hover-hue: 8; --hover-hue: 15;
--selected-hue: 320; --selected-hue: 320;
--panel-bg-color: hsl(var(--main-hue), 20%, 10%); --panel-bg-color: hsl(var(--main-hue), 30%, 12.5%);
--button-bg-color: hsl(var(--main-hue), 50%, 20%); --button-bg-color: hsl(var(--main-hue), 60%, 25%);
--button-bg-gradient: linear-gradient(to bottom, var(--button-bg-shadow-color), transparent 75%); --button-bg-gradient: linear-gradient(to bottom, var(--button-bg-shadow-color), transparent 75%);
--button-bg-shadow-color: #fff1; --button-bg-shadow-color: #fff1;
--button-bg-hover-color: hsl(var(--hover-hue), 60%, 35%); --button-bg-hover-color: hsl(var(--hover-hue), 70%, 35%);
--generic-bg-hover-on-white: hsl(var(--hover-hue), 60%, 90%); --generic-bg-hover-on-white: hsl(var(--hover-hue), 90%, 85%);
--generic-bg-selected-on-white: hsl(var(--selected-hue), 50%, 85%); --generic-bg-selected-on-white: hsl(var(--selected-hue), 50%, 85%);
--generic-border-selected-on-white: hsl(var(--selected-hue), 60%, 75%); --generic-border-selected-on-white: hsl(var(--selected-hue), 60%, 75%);
} }
@ -75,13 +75,13 @@ button:active,
z-index: 1; z-index: 1;
} }
button:enabled.button-bright { button:enabled.button-bright {
background-color: hsl(var(--main-hue), 60%, 35%); background-color: hsl(var(--main-hue), 60%, 40%);
} }
button:enabled.button-bright:hover { button:enabled.button-bright:hover {
background-color: hsl(var(--hover-hue), 65%, 50%); background-color: hsl(var(--hover-hue), 65%, 50%);
} }
button:disabled { button:disabled {
color: #606060; color: #808080;
background-color: #202020; background-color: #202020;
cursor: auto; cursor: auto;
} }
@ -158,17 +158,17 @@ a:visited {
text-decoration: underline dotted; text-decoration: underline dotted;
} }
a:link { a:link {
color: hsl(var(--main-hue), 50%, 75%); color: hsl(var(--main-hue), 80%, 75%);
} }
a:visited { a:visited {
color: hsl(255, 50%, 75%); color: hsl(270, 80%, 75%);
} }
a:link:hover, a:link:hover,
a:visited:hover { a:visited:hover {
text-decoration: underline; text-decoration: underline;
} }
a:active { a:active {
color: hsl(0, 50%, 60%); color: hsl(0, 90%, 75%);
} }
svg#svg-iconsheet { svg#svg-iconsheet {
@ -268,8 +268,8 @@ button.--pressed,
cursor: pointer; cursor: pointer;
} }
.popup-menu > li:hover { .popup-menu > li:hover {
color: hsl(var(--hover-hue), 90%, 10%); color: hsl(var(--hover-hue), 60%, 10%);
background: hsl(var(--hover-hue), 90%, 85%); background: var(--generic-bg-hover-on-white);
} }
.dialog { .dialog {
display: flex; display: flex;
@ -1024,6 +1024,8 @@ pre.stack-trace {
z-index: 1; z-index: 1;
padding: 0.25em; padding: 0.25em;
border: 1px solid hsl(var(--main-hue), 40%, 40%); border: 1px solid hsl(var(--main-hue), 40%, 40%);
background: hsl(var(--main-hue), 30%, 5%);
box-shadow: 0 0 1px 1px #0009;
text-shadow: 0 1px 1px black; text-shadow: 0 1px 1px black;
text-align: center; text-align: center;
} }
@ -1050,16 +1052,15 @@ pre.stack-trace {
.played-pack-list .-progress > .-time { .played-pack-list .-progress > .-time {
grid-area: time; grid-area: time;
} }
.played-pack-list .-progress > .-levels {
grid-area: levels;
}
.played-pack-list .-progress > .-score::before { .played-pack-list .-progress > .-score::before {
content: "Score: "; content: "Score: ";
color: #909090;
} }
.played-pack-list .-progress > .-time::before { .played-pack-list .-progress > .-time::before {
content: "Time: "; content: "Time: ";
color: #909090; }
.played-pack-list .-progress > .-score::before,
.played-pack-list .-progress > .-time::before {
color: hsl(var(--main-hue), 20%, 50%);
} }
.played-pack-list .-editor-status { .played-pack-list .-editor-status {
display: flex; display: flex;