Scaling: Replaced all Theme.uiScale by Theme.scale(Screen) so stuff scale accordingly to the Screen used by the Item/component

This commit is contained in:
quadbyte 2025-08-07 14:09:18 -04:00
parent 3148dc62a0
commit cb74b6e5d5
50 changed files with 564 additions and 568 deletions

View file

@ -15,10 +15,9 @@ Singleton {
readonly property real scalingDampening: 0.2
// Automatic scaling based on screen width
function screenWidthRatio() {
// Get the primary screen width
if (Quickshell.screens && Quickshell.screens.length > 0) {
var rawRatio = Quickshell.screens[0].width / designScreenWidth
function scale(currentScreen) {
if (currentScreen !== undefined) {
var rawRatio = currentScreen.width / designScreenWidth
// Apply dampening to reduce scaling for higher resolutions
return Math.min(2.0, 1.0 + (rawRatio - 1.0) * scalingDampening)
}
@ -117,9 +116,6 @@ Singleton {
property color shadow: applyOpacity(themeData.shadow, "B3")
property color overlay: applyOpacity(themeData.overlay, "66")
// Global UI scale factor - automatically calculated based on screen width
property real uiScale: screenWidthRatio()
// Font Properties
property string fontFamily: "Roboto" // Family for all text