Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: 💄 module player uses theme colors

Browse Source
This commit is contained in:
ThatOneCalculator 2023-09-21 21:55:57 -07:00
parent 2cd036b102
commit b85c640729
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/client/src/components/MkModPlayer.vue
View File

@ -418,8 +418,8 @@ onDeactivated(() => {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
color: #ffffff; color: var(--fg);
background-color: black; background-color: var(--panelHighlight);
text-align: center; text-align: center;
font: 12px monospace; font: 12px monospace;
white-space: pre; white-space: pre;
@ -441,17 +441,17 @@ onDeactivated(() => {
opacity: 0.5; opacity: 0.5;
> .modColQuarter { > .modColQuarter {
color: #ffff00; color: var(--badge);
} }
> .mod-row-inner { > .mod-row-inner {
background: repeating-linear-gradient( background: repeating-linear-gradient(
to right, to right,
white 0 4ch, var(--fg) 0 4ch,
#80e0ff 4ch 6ch, var(--codeBoolean) 4ch 6ch,
#80ff80 6ch 9ch, var(--CodeNumber) 6ch 9ch,
#ff80e0 9ch 10ch, var(--codeString) 9ch 10ch,
#ffe080 10ch 12ch var(--error) 10ch 12ch
); );
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -500,8 +500,8 @@ onDeactivated(() => {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #111; background: var(--infoWarnBg);
color: #fff; color: var(--infoWarnFg);
> div { > div {
display: table-cell; display: table-cell;