vinzenz/servicepoint-tanks
0
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

theming tweaks

Browse source
This commit is contained in:
Vinzenz Schroeter 2024-04-16 00:08:41 +02:00
parent c4c4eb6358
commit 4af51b3e51
3 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
tank-frontend/src/ClientScreen.css
View file

@ -6,7 +6,4 @@
max-width: 100vw;
max-height: 100vh;
flex-shrink: 0;
border: solid var(--border-size-thick);
border-color: var(--color-primary);
}

2
tank-frontend/src/Controls.css
View file

@ -25,6 +25,6 @@ kbd {
}
kbd.space {
width: calc(3 * var(--kbd-key-size) + 2 * var(--padding-normal));
width: calc(4 * var(--kbd-key-size) + 3 * var(--padding-normal));
margin-top: calc(var(--kbd-key-size) + var(--padding-normal));
}

17
tank-frontend/src/theme.ts
View file

@ -53,13 +53,20 @@ function angle(a: number) {
export function getRandomTheme(): Theme {
const goldenAngle = 180 * (3 - Math.sqrt(5));
const background = getRandomHsl({maxSaturation: 50, minLightness: 10, maxLightness: 40});
const background = getRandomHsl({maxSaturation: 50, minLightness: 10, maxLightness: 30});
const primary = getRandomHsl({minSaturation: background.s * 1.2, minLightness: background.l + 20});
primary.h = angle(-Math.floor(1 + Math.random() * 2) * goldenAngle + primary.h);
const otherColorParams = {
minSaturation: background.s,
maxSaturation: 90,
minLightness: background.l + 20,
maxLightness: 90
};
const secondary = getRandomHsl({minSaturation: background.s * 1.2, minLightness: background.l + 20});
primary.h = angle(+Math.floor(1 + Math.random() * 2) * goldenAngle + primary.h);
const primary = getRandomHsl(otherColorParams);
primary.h = angle(-1 * goldenAngle + primary.h);
const secondary = getRandomHsl(otherColorParams);
primary.h = angle(+1 * goldenAngle + primary.h);
return {background, primary, secondary};
}