From 22bc5a3bff35a85c77d34de60d835760600914f5 Mon Sep 17 00:00:00 2001 From: Ly-sec Date: Mon, 15 Sep 2025 08:08:32 +0200 Subject: [PATCH] Move ScreenCorners to the actualy screen edges when bar is floating, edit vesktop template ScreenCorners: move to screen corners on floating bar BarTab: mention the ScreenCorner changes vesktop: make read channels have less visible text --- Assets/Matugen/templates/vesktop.css | 16 +++++++++++++++- Modules/Background/ScreenCorners.qml | 12 +++++++----- Modules/SettingsPanel/Tabs/BarTab.qml | 2 +- 3 files changed, 23 insertions(+), 7 deletions(-) diff --git a/Assets/Matugen/templates/vesktop.css b/Assets/Matugen/templates/vesktop.css index dc506bd..40e8c73 100644 --- a/Assets/Matugen/templates/vesktop.css +++ b/Assets/Matugen/templates/vesktop.css @@ -96,4 +96,18 @@ .selected_f6f816 .link_d8bfb3 * { color: var(--text-0) !important; fill: var(--text-0) !important; -} \ No newline at end of file +} + +/* Make channel name text less visible (darker) */ +.name__2ea32 { + color: var(--text-5) !important; + opacity: 0.7 !important; +} + +/* Make unread channel names brighter */ +.link__2ea32[aria-label*="unread"] .name__2ea32 { + color: var(--text-2) !important; + opacity: 1 !important; + font-weight: 600 !important; +} + diff --git a/Modules/Background/ScreenCorners.qml b/Modules/Background/ScreenCorners.qml index 8573bcf..bb47552 100644 --- a/Modules/Background/ScreenCorners.qml +++ b/Modules/Background/ScreenCorners.qml @@ -7,7 +7,7 @@ import qs.Services import qs.Widgets Loader { - active: Settings.data.general.showScreenCorners && !Settings.data.bar.floating + active: Settings.data.general.showScreenCorners sourceComponent: Variants { model: Quickshell.screens @@ -46,10 +46,12 @@ Loader { } margins { - top: ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "top" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 - bottom: ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "bottom" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 - left: ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "left" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 - right: ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "right" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 + // When bar is floating, corners should be at screen edges (no margins) + // When bar is not floating, respect bar margins as before + top: !Settings.data.bar.floating && ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "top" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 + bottom: !Settings.data.bar.floating && ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "bottom" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 + left: !Settings.data.bar.floating && ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "left" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 + right: !Settings.data.bar.floating && ((modelData && Settings.data.bar.monitors.includes(modelData.name)) || (Settings.data.bar.monitors.length === 0)) && Settings.data.bar.position === "right" && Settings.data.bar.backgroundOpacity > 0 ? Math.round(Style.barHeight * scaling) : 0 } mask: Region {} diff --git a/Modules/SettingsPanel/Tabs/BarTab.qml b/Modules/SettingsPanel/Tabs/BarTab.qml index 6837861..1b4353c 100644 --- a/Modules/SettingsPanel/Tabs/BarTab.qml +++ b/Modules/SettingsPanel/Tabs/BarTab.qml @@ -95,7 +95,7 @@ ColumnLayout { NToggle { Layout.fillWidth: true label: "Floating Bar" - description: "Make the bar float with rounded corners and margins. This will hide screen corners." + description: "Make the bar float with rounded corners and margins. Screen corners will move to screen edges." checked: Settings.data.bar.floating onToggled: checked => Settings.data.bar.floating = checked }