he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-04 17:07:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Themes: add input colors and accents

Browse source
This commit is contained in:
He4eT 2023-05-25 01:16:36 +03:00 • committed by Alexey
commit 91456a8bc9
2 changed files with 33 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/Player/player.css
View file

@ -89,6 +89,15 @@
display: none;
}
.ifplayer .output .textBuffer .message.input {
color: var(--input-color);
}
.ifplayer .output .textBuffer .message.emphasized,
.ifplayer .output .textBuffer .message.subheader {
color: var(--accent-color);
}
.status {
padding: var(--inner-padding);
}

36
src/themes/themes.css
View file

@ -18,38 +18,38 @@ body {
.light {
--bg-color: hsl(0, 0%, 100%, 1);
--main-color: hsl(0, 0%, 0%, 0.8);
--accent-color: hsl(0, 0%, 0%, 0.8);
--input-color: hsl(0, 0%, 0%, 0.8);
}
.dim {
--bg-color: hsl(0, 0%, 20%, 1);
--main-color: hsl(0, 0%, 100%, 0.8);
--accent-color: hsl(0, 0%, 100%, 0.8);
--input-color: hsl(0, 0%, 100%, 0.8);
}
.dark {
--bg-color: hsl(0, 0%, 0%, 1);
--main-color: hsl(0, 0%, 100%, 1);
--accent-color: hsl(0, 0%, 100%, 1);
--input-color: hsl(0, 0%, 100%, 1);
}
/* solarized */
.solarized-light {
--main-color: #586e75;
--bg-color: #eee8d5;
--main-color: #586e75;
--accent-color: #b58900;
--input-color: #2aa198;
}
.solarized-dark {
--main-color: #93a1a1;
--bg-color: #073642;
}
.solarized-light strong,
.solarized-dark strong {
color: #b58900;
}
.solarized-light .message.input,
.solarized-dark .message.input {
color: #2aa198;
--main-color: #93a1a1;
--accent-color: #b58900;
--input-color: #2aa198;
}
/* named */
@ -57,29 +57,41 @@ body {
.emo {
--bg-color: #4d4d4d;
--main-color: #ff77aa;
--accent-color: #ff77aa;
--input-color: #ff77aa;
}
.nord {
--bg-color: #50586c;
--main-color: #dce2f0;
--accent-color: #dce2f0;
--input-color: #dce2f0;
}
.redrum {
--bg-color: #000000;
--main-color: #ff0000;
--accent-color: #ff0000;
--input-color: #ff0000;
}
.toxin {
--bg-color: #606060;
--main-color: #d6ed17;
--accent-color: #d6ed17;
--input-color: #d6ed17;
}
.valve {
--bg-color: #292929;
--main-color: #fb7e14;
--accent-color: #fb7e14;
--input-color: #fb7e14;
}
.wasp {
--bg-color: #f9d142;
--main-color: #292826;
--accent-color: #292826;
--input-color: #292826;
}