markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Start of themes development

Browse source
This commit is contained in:
mrkmntal 2026-04-08 12:49:21 -04:00
commit fc97cda830
16 changed files with 149 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

4
server/styles/scss/_extended-forecast.scss
View file

@ -2,7 +2,7 @@
@use 'shared/_utils'as u;
#extended-forecast-html.weather-display {
background-image: url('../images/backgrounds/2.png');
background-image: var(--theme-background-2);
}
.weather-display .main.extended-forecast {
@ -69,4 +69,4 @@
}
}
}
}
}

9
server/styles/scss/_page.scss
View file

@ -328,6 +328,11 @@ body {
font-display: swap;
}
:root {
--theme-background-1: url('../images/backgrounds/1.png');
--theme-background-2: url('../images/backgrounds/2.png');
}
#display {
font-family: "Star4000";
margin: 0 0 0 0;
@ -339,7 +344,7 @@ body {
width: 640px;
height: 480px;
// overflow: hidden;
background-image: url(../images/backgrounds/1.png);
background-image: var(--theme-background-1);
transform-origin: 0 0;
background-repeat: no-repeat;
}
@ -821,4 +826,4 @@ body.kiosk #loading .instructions {
display: grid;
grid-template-columns: 1fr 1fr;
max-width: 250px;
}
}

2
server/styles/scss/_weather-display.scss
View file

@ -6,7 +6,7 @@
height: 480px;
overflow: hidden;
position: relative;
background-image: url(../images/backgrounds/1.png);
background-image: var(--theme-background-1);
/* this method is required to hide blocks so they can be measured while off screen */
height: 0px;