updated configuration and launcher, added animations for modules
This commit is contained in:
SomeElse
@@ -26,6 +26,7 @@ Rectangle {
|
||||
width: 35
|
||||
height: 40
|
||||
radius: panelRadius
|
||||
clip: true
|
||||
|
||||
color: hoverHandler.hovered ? t.notifBgHover : t.notifBg
|
||||
border.color: root.doNotDisturb
|
||||
@@ -37,7 +38,7 @@ Rectangle {
|
||||
Behavior on border.color { ColorAnimation { duration: 150 } }
|
||||
Behavior on width { NumberAnimation { duration: 200; easing.type: Easing.OutCubic } }
|
||||
|
||||
HoverHandler { id: hoverHandler; cursorShape: Qt.PointingHandCursor }
|
||||
HoverHandler { id: hoverHandler; cursorShape: Qt.PointingHandCursor; onHoveredChanged: if (hovered) bellRingAnim.start() }
|
||||
TapHandler {
|
||||
onTapped: {
|
||||
if (historyPopup.popupOpen) {
|
||||
@@ -63,6 +64,18 @@ Rectangle {
|
||||
: (root.unreadCount > 0 ? t.notifIconActive : t.notifIcon)
|
||||
font.pixelSize: Cfg.Config.notifIconSize
|
||||
Behavior on color { ColorAnimation { duration: 150 } }
|
||||
|
||||
rotation: 0
|
||||
transformOrigin: Item.Top
|
||||
|
||||
SequentialAnimation {
|
||||
id: bellRingAnim
|
||||
NumberAnimation { target: bellIcon; property: "rotation"; to: -18; duration: 80; easing.type: Easing.OutQuad }
|
||||
NumberAnimation { target: bellIcon; property: "rotation"; to: 20; duration: 100; easing.type: Easing.OutQuad }
|
||||
NumberAnimation { target: bellIcon; property: "rotation"; to: -10; duration: 80; easing.type: Easing.OutQuad }
|
||||
NumberAnimation { target: bellIcon; property: "rotation"; to: 10; duration: 70; easing.type: Easing.OutQuad }
|
||||
NumberAnimation { target: bellIcon; property: "rotation"; to: 0; duration: 80; easing.type: Easing.OutCubic }
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
@@ -122,6 +135,7 @@ Rectangle {
|
||||
|
||||
onNotification: function(notif) {
|
||||
notif.tracked = true
|
||||
bellRingAnim.start()
|
||||
var timeStr = new Date().toLocaleTimeString(Qt.locale(), "HH:mm")
|
||||
var toastId = notif.id + "_" + Date.now()
|
||||
|
||||
|
||||
@@ -12,7 +12,7 @@ Rectangle {
|
||||
|
||||
property real panelRadius: Cfg.Config.radius / 2
|
||||
property int borderWidth: Cfg.Config.panelBorderWidth
|
||||
property bool isTop: true
|
||||
property bool isTop: true
|
||||
property var targetScreen: null
|
||||
property int barHeight: Cfg.Config.barHeight
|
||||
property int barMargin: Cfg.Config.margin
|
||||
@@ -58,7 +58,7 @@ Rectangle {
|
||||
|
||||
function setOutputVol(pct) { if (sink && sink.ready) sink.audio.volume = pct / 100 }
|
||||
function setInputVol(pct) { if (source && source.ready) source.audio.volume = pct / 100 }
|
||||
function toggleOutputMute() { if (sink && sink.ready) sink.audio.muted = !sink.audio.muted }
|
||||
function toggleOutputMute() { if (sink && sink.ready) sink.audio.muted = !sink.audio.muted }
|
||||
function toggleInputMute() { if (source && source.ready) source.audio.muted = !source.audio.muted }
|
||||
|
||||
Process {
|
||||
@@ -97,13 +97,29 @@ Rectangle {
|
||||
Behavior on color { ColorAnimation { duration: 150 } }
|
||||
Behavior on border.color { ColorAnimation { duration: 150 } }
|
||||
|
||||
HoverHandler { id: hoverHandler; cursorShape: Qt.PointingHandCursor }
|
||||
HoverHandler {
|
||||
id: hoverHandler
|
||||
cursorShape: Qt.PointingHandCursor
|
||||
onHoveredChanged: {
|
||||
if (hovered) shakeAnim.restart()
|
||||
}
|
||||
}
|
||||
TapHandler { onTapped: volumePopup.toggle() }
|
||||
|
||||
SequentialAnimation {
|
||||
id: shakeAnim
|
||||
NumberAnimation { target: chipLayout; property: "rotation"; to: -15; duration: 40; easing.type: Easing.OutQuad }
|
||||
NumberAnimation { target: chipLayout; property: "rotation"; to: 15; duration: 80; easing.type: Easing.InOutQuad }
|
||||
NumberAnimation { target: chipLayout; property: "rotation"; to: -10; duration: 80; easing.type: Easing.InOutQuad }
|
||||
NumberAnimation { target: chipLayout; property: "rotation"; to: 10; duration: 80; easing.type: Easing.InOutQuad }
|
||||
NumberAnimation { target: chipLayout; property: "rotation"; to: 0; duration: 40; easing.type: Easing.InQuad }
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
id: chipLayout
|
||||
anchors.centerIn: parent
|
||||
spacing: 5
|
||||
transformOrigin: Item.Center
|
||||
|
||||
Text {
|
||||
text: root.speakerGlyph(root.outputMuted, root.outputVolume)
|
||||
|
||||
@@ -6,7 +6,7 @@ import "themes"
|
||||
QtObject {
|
||||
id: root
|
||||
|
||||
readonly property var theme: Colorful
|
||||
readonly property var theme: Goldencity
|
||||
|
||||
// ────────────────────────────────────────────────────────────────────────
|
||||
// Widgets
|
||||
@@ -19,8 +19,8 @@ QtObject {
|
||||
|
||||
// ── Position & Dimensions ─────────────────────────────────────────────────
|
||||
property string barPosition: "bottom"
|
||||
property int barHeight: 37
|
||||
property int margin: 20
|
||||
property int barHeight: 35
|
||||
property int margin: 15
|
||||
property int radius: 26
|
||||
|
||||
// ── Module Lists ──────────────────────────────────────────────────────────
|
||||
@@ -54,7 +54,7 @@ QtObject {
|
||||
|
||||
// ── Volume Module ─────────────────────────────────────────────────────────
|
||||
property int volumeIconSize: 20
|
||||
property int volumeSliderHeight: 4
|
||||
property int volumeSliderHeight: 2
|
||||
property int volumeHandleSize: 20
|
||||
property int volumePopupWidth: 280
|
||||
property int volumeOutputMax: 100
|
||||
@@ -63,7 +63,7 @@ QtObject {
|
||||
// ────────────────────────────────────────────────────────────────────────
|
||||
// FRAME
|
||||
// ────────────────────────────────────────────────────────────────────────
|
||||
property int frameBorderWidth: 1
|
||||
property int frameBorderWidth: 2
|
||||
|
||||
// ────────────────────────────────────────────────────────────────────────
|
||||
// NOTIFICATIONS
|
||||
@@ -84,4 +84,6 @@ QtObject {
|
||||
// ────────────────────────────────────────────────────────────────────────
|
||||
property string launcherScript: Quickshell.env("HOME") + "/.config/quickshell/launcher/launcher.sh"
|
||||
property string launcherCacheDir: "/tmp/qs_launcher"
|
||||
property bool launcherCloseOnClickOutside: true
|
||||
property bool launcherSelectFirst: false
|
||||
}
|
||||
|
||||
160
config/themes/aero.qml
Normal file
160
config/themes/aero.qml
Normal file
@@ -0,0 +1,160 @@
|
||||
pragma Singleton
|
||||
import QtQuick
|
||||
import Quickshell
|
||||
|
||||
QtObject {
|
||||
id: theme
|
||||
|
||||
// ── Wallpaper ──────────────────────────────────────────────────────────────
|
||||
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/vista-aurora.jpg"
|
||||
|
||||
// ── Base Backgrounds ───────────────────────────────────────────────────────
|
||||
readonly property color bg: "#dd171b1e" // Deep teal-cyan (60% trans)
|
||||
readonly property color bgPanel: "transparent"
|
||||
readonly property color bgPopup: "#dd171b1e" // Darker aurora teal (80% trans)
|
||||
readonly property color bgFrame: bg
|
||||
|
||||
// ── Separators ────────────────────────────────────────────────────────────
|
||||
readonly property color separator: "#33ffffff"
|
||||
|
||||
// ── Text ──────────────────────────────────────────────────────────────────
|
||||
readonly property color textMain: "#f0f9f9" // Crisp glass white
|
||||
readonly property color textDim: "#99b2d8d8" // Muted aqua gray
|
||||
readonly property color todayText: "#ffffffff"
|
||||
|
||||
// ── Accent & Borders ──────────────────────────────────────────────────────
|
||||
readonly property color accent: "#cbdc3d" // Vibrant lime aurora
|
||||
readonly property color border: "transparent"
|
||||
readonly property color borderPopup: "#6681c7c7" // Soft sky blue border
|
||||
readonly property color borderToday: accent
|
||||
|
||||
// ── ArchLogo Module ────────────────────────────────────────────────────────
|
||||
readonly property color archLogoBg: bgPanel
|
||||
readonly property color archLogoBgHover: "#22ffffff"
|
||||
readonly property color archLogoHover: accent
|
||||
readonly property color archLogoBorder: border
|
||||
readonly property color archLogoBorderActive: accent
|
||||
readonly property color archLogoIcon: textMain
|
||||
readonly property color archLogoIconActive: accent
|
||||
|
||||
// ── Stats Module (Aurora Tones) ───────────────────────────────────────────
|
||||
readonly property color statsBg: bgPanel
|
||||
readonly property color statsBorder: border
|
||||
readonly property color statsText: "#ffb2d8d8"
|
||||
readonly property color statsRingColor: accent
|
||||
readonly property color statsCpuColor: "#cbdc3d" // Lime green
|
||||
readonly property color statsMemColor: "#4db6ac" // Teal
|
||||
readonly property color statsDiskColor: "#81d4fa" // Sky blue
|
||||
readonly property color statsGpuColor: "#fff176" // Sun yellow
|
||||
readonly property color statsTrackColor: "#15ffffff"
|
||||
|
||||
// ── Volume Module (Glass Water) ───────────────────────────────────────────
|
||||
readonly property color volBg: bgPanel
|
||||
readonly property color volBgHover: "#2281c7c7"
|
||||
readonly property color volBorder: border
|
||||
readonly property color volBorderHover: "#ffb2d8d8"
|
||||
readonly property color volPopupBg: bgPopup
|
||||
readonly property color volPopupBorder: borderPopup
|
||||
readonly property color volIcon: "#ff81d4fa"
|
||||
readonly property color volIconMuted: "#ff4f6b6b"
|
||||
readonly property color volTrack: "#22ffffff"
|
||||
readonly property color volHandle: accent
|
||||
readonly property color volHandleBorder: "#33ffffff"
|
||||
readonly property color volMuteBg: "#33cbdc3d"
|
||||
readonly property color volPickerHover: "#15cbdc3d"
|
||||
|
||||
// ── Clock Module ───────────────────────────────────────────────────────────
|
||||
readonly property color clockBg: bgPanel
|
||||
readonly property color clockBgHover: "#11ffffff"
|
||||
readonly property color clockBorder: border
|
||||
readonly property color clockBorderHover: accent
|
||||
readonly property color clockTime: textMain
|
||||
readonly property color clockSeconds: "#fff176" // Sun yellow
|
||||
readonly property color clockIcon: accent
|
||||
readonly property color clockSeparator: separator
|
||||
readonly property color clockText: textMain
|
||||
readonly property color clockShadow: "#44000000"
|
||||
|
||||
// ── Calendar Popup ─────────────────────────────────────────────────────────
|
||||
readonly property color calCardBg: bgPopup
|
||||
readonly property color calCardBorder: borderPopup
|
||||
readonly property color calSeparator: separator
|
||||
readonly property color calShadow: "#66000000"
|
||||
readonly property color clockPopupHeader: "#cbdc3d"
|
||||
readonly property color clockPopupText: textMain
|
||||
readonly property color clockPopupDim: textDim
|
||||
|
||||
// ── Workspace Module ───────────────────────────────────────────────────────
|
||||
readonly property color wsPanelBg: bgPanel
|
||||
readonly property color wsPanelBorder: "transparent"
|
||||
readonly property color wsActiveBg: accent
|
||||
readonly property color wsInactiveBg: "#15ffffff"
|
||||
readonly property color wsHoverBg: "#3381c7c7"
|
||||
readonly property color wsActiveText: "#ff0b3333"
|
||||
readonly property color wsInactiveText: textMain
|
||||
readonly property color wsHoverText: "#ffffffff"
|
||||
|
||||
// ── Tray Module ────────────────────────────────────────────────────────────
|
||||
readonly property color trayBg: bgPanel
|
||||
readonly property color trayBgHover: "#11ffffff"
|
||||
readonly property color trayBorder: border
|
||||
readonly property color trayBorderHover: "#22ffffff"
|
||||
readonly property color trayIcon: textMain
|
||||
|
||||
// ── Launcher (Fresh Aero) ──────────────────────────────────────────────────
|
||||
readonly property color launcherBg: bgPopup
|
||||
readonly property color launcherBorder: "#44cbdc3d"
|
||||
readonly property color launcherInput: "#440b3333"
|
||||
readonly property color launcherInputBorderFocus: accent
|
||||
readonly property color launcherPill: "#4481c7c7"
|
||||
readonly property color launcherText: textMain
|
||||
readonly property color launcherDim: textDim
|
||||
readonly property color launcherAccent: accent
|
||||
readonly property color launcherHover: "#22cbdc3d"
|
||||
readonly property color launcherSelected: "#44cbdc3d"
|
||||
readonly property color launcherModeActiveText: "#ffffffff"
|
||||
readonly property color launcherModeActiveBg: accent
|
||||
|
||||
// ── Status Colors ──────────────────────────────────────────────────────────
|
||||
readonly property color statusOk: "#aed581"
|
||||
readonly property color statusWarn: "#fff176"
|
||||
readonly property color statusErr: "#ff8a65"
|
||||
readonly property color statusInfo: "#81d4fa"
|
||||
|
||||
// ── Notifications Module ───────────────────────────────────────────────────
|
||||
readonly property color notifBg: bgPanel
|
||||
readonly property color notifBgHover: "#11ffffff"
|
||||
readonly property color notifBorder: border
|
||||
readonly property color notifBorderActive: accent
|
||||
readonly property color notifIcon: textMain
|
||||
readonly property color notifIconActive: accent
|
||||
readonly property color notifBadgeBg: statusErr
|
||||
readonly property color notifBadgeText: "#ffffffff"
|
||||
readonly property color notifSeparator: separator
|
||||
readonly property color notifDnd: separator
|
||||
|
||||
// ── Toast cards (Vista Glass) ──────────────────────────────────────────────
|
||||
readonly property color notifToastBg: bgPopup
|
||||
readonly property color notifToastBgHover: "#22ffffff"
|
||||
readonly property color notifToastBorder: borderPopup
|
||||
readonly property color notifToastShadow: "#44000000"
|
||||
readonly property color notifToastText: textMain
|
||||
readonly property color notifToastDim: textDim
|
||||
readonly property color notifToastAppName: "#ff81d4fa"
|
||||
|
||||
// ── Urgency colours ────────────────────────────────────────────────────────
|
||||
readonly property color notifUrgencyCritical: statusErr
|
||||
readonly property color notifUrgencyNormal: statusInfo
|
||||
readonly property color notifUrgencyLow: textDim
|
||||
|
||||
// ── Progress bar ───────────────────────────────────────────────────────────
|
||||
readonly property color notifProgressBg: "#22ffffff"
|
||||
readonly property color notifProgressFill: accent
|
||||
|
||||
// ── History popup ──────────────────────────────────────────────────────────
|
||||
readonly property color notifHistoryBg: bgPopup
|
||||
readonly property color notifHistoryBorder: "#33cbdc3d"
|
||||
readonly property color notifHistoryShadow: "#55000000"
|
||||
readonly property color notifHistoryHover: "#11cbdc3d"
|
||||
readonly property color notifHistoryEmpty: textDim
|
||||
}
|
||||
160
config/themes/goldencity.qml
Normal file
160
config/themes/goldencity.qml
Normal file
@@ -0,0 +1,160 @@
|
||||
pragma Singleton
|
||||
import QtQuick
|
||||
import Quickshell
|
||||
|
||||
QtObject {
|
||||
id: theme
|
||||
|
||||
// ── Wallpaper ──────────────────────────────────────────────────────────────
|
||||
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/wallhaven-qd2xjd.jpg"
|
||||
|
||||
// ── Base Backgrounds ───────────────────────────────────────────────────────
|
||||
readonly property color bg: "#cc0c0e12" // Deepest foreground shadow
|
||||
readonly property color bgPanel: "transparent"
|
||||
readonly property color bgPopup: "#cc0c0e12" // Near-black building silhouettes
|
||||
readonly property color bgFrame: bg
|
||||
|
||||
// ── Separators ────────────────────────────────────────────────────────────
|
||||
readonly property color separator: "#334a5d6e" // Muted sky blue-gray
|
||||
|
||||
// ── Text ──────────────────────────────────────────────────────────────────
|
||||
readonly property color textMain: "#ffe8eef2" // Bright cloud highlight white
|
||||
readonly property color textDim: "#997a8996" // Hazy horizon gray
|
||||
readonly property color todayText: "#ffffffff"
|
||||
|
||||
// ── Accent & Borders ──────────────────────────────────────────────────────
|
||||
readonly property color accent: "#ffc19375" // Warm hazy horizon gold
|
||||
readonly property color border: "transparent"
|
||||
readonly property color borderPopup: "transparent" // Slate blue border
|
||||
readonly property color borderToday: accent
|
||||
|
||||
// ── ArchLogo Module ────────────────────────────────────────────────────────
|
||||
readonly property color archLogoBg: bgPanel
|
||||
readonly property color archLogoBgHover: "#22ffffff"
|
||||
readonly property color archLogoHover: accent
|
||||
readonly property color archLogoBorder: border
|
||||
readonly property color archLogoBorderActive: accent
|
||||
readonly property color archLogoIcon: textMain
|
||||
readonly property color archLogoIconActive: accent
|
||||
|
||||
// ── Stats Module (Variation: Skyline Pulse) ───────────────────────────────
|
||||
readonly property color statsBg: bgPanel
|
||||
readonly property color statsBorder: border
|
||||
readonly property color statsText: "#ff7a8996"
|
||||
readonly property color statsRingColor: accent
|
||||
readonly property color statsCpuColor: "#ffc19375" // Horizon gold
|
||||
readonly property color statsMemColor: "#ff89b4fa" // Building window blue
|
||||
readonly property color statsDiskColor: "#ff94e2d5" // Teal office light
|
||||
readonly property color statsGpuColor: "#fff38ba8" // Aviation warning red
|
||||
readonly property color statsTrackColor: "#15ffffff"
|
||||
|
||||
// ── Volume Module (Variation: Hazy Dusk) ──────────────────────────────────
|
||||
readonly property color volBg: bgPanel
|
||||
readonly property color volBgHover: "#224a5d6e"
|
||||
readonly property color volBorder: border
|
||||
readonly property color volBorderHover: "#ff89b4fa"
|
||||
readonly property color volPopupBg: bgPopup
|
||||
readonly property color volPopupBorder: borderPopup
|
||||
readonly property color volIcon: "#ff89b4fa"
|
||||
readonly property color volIconMuted: "#ff5a6b78"
|
||||
readonly property color volTrack: "#22ffffff"
|
||||
readonly property color volHandle: accent
|
||||
readonly property color volHandleBorder: "#33ffffff"
|
||||
readonly property color volMuteBg: "#33f38ba8"
|
||||
readonly property color volPickerHover: "#15c19375"
|
||||
|
||||
// ── Clock Module ───────────────────────────────────────────────────────────
|
||||
readonly property color clockBg: bgPanel
|
||||
readonly property color clockBgHover: "#11ffffff"
|
||||
readonly property color clockBorder: border
|
||||
readonly property color clockBorderHover: accent
|
||||
readonly property color clockTime: textMain
|
||||
readonly property color clockSeconds: "#ffc19375" // Sun-glow gold
|
||||
readonly property color clockIcon: accent
|
||||
readonly property color clockSeparator: separator
|
||||
readonly property color clockText: textMain
|
||||
readonly property color clockShadow: "#66000000"
|
||||
|
||||
// ── Calendar Popup ─────────────────────────────────────────────────────────
|
||||
readonly property color calCardBg: bgPopup
|
||||
readonly property color calCardBorder: borderPopup
|
||||
readonly property color calSeparator: separator
|
||||
readonly property color calShadow: "#88000000"
|
||||
readonly property color clockPopupHeader: "#ffc19375"
|
||||
readonly property color clockPopupText: textMain
|
||||
readonly property color clockPopupDim: textDim
|
||||
|
||||
// ── Workspace Module ───────────────────────────────────────────────────────
|
||||
readonly property color wsPanelBg: bgPanel
|
||||
readonly property color wsPanelBorder: "transparent"
|
||||
readonly property color wsActiveBg: accent
|
||||
readonly property color wsInactiveBg: "#15ffffff"
|
||||
readonly property color wsHoverBg: "#334a5d6e"
|
||||
readonly property color wsActiveText: "#ff0c0e12"
|
||||
readonly property color wsInactiveText: textMain
|
||||
readonly property color wsHoverText: "#ffffffff"
|
||||
|
||||
// ── Tray Module ────────────────────────────────────────────────────────────
|
||||
readonly property color trayBg: bgPanel
|
||||
readonly property color trayBgHover: "#11ffffff"
|
||||
readonly property color trayBorder: border
|
||||
readonly property color trayBorderHover: "#22ffffff"
|
||||
readonly property color trayIcon: textMain
|
||||
|
||||
// ── Launcher (Variation: Shanghai Mist) ───────────────────────────────────
|
||||
readonly property color launcherBg: bgPopup
|
||||
readonly property color launcherBorder: borderPopup
|
||||
readonly property color launcherInput: "#44080a0d"
|
||||
readonly property color launcherInputBorderFocus: accent
|
||||
readonly property color launcherPill: "#444a5d6e"
|
||||
readonly property color launcherText: textMain
|
||||
readonly property color launcherDim: textDim
|
||||
readonly property color launcherAccent: accent
|
||||
readonly property color launcherHover: "#22c19375"
|
||||
readonly property color launcherSelected: "#44c19375"
|
||||
readonly property color launcherModeActiveText: "#ffffffff"
|
||||
readonly property color launcherModeActiveBg: accent
|
||||
|
||||
// ── Status Colors ──────────────────────────────────────────────────────────
|
||||
readonly property color statusOk: "#ffb4c9a1"
|
||||
readonly property color statusWarn: "#ffc19375"
|
||||
readonly property color statusErr: "#fff38ba8"
|
||||
readonly property color statusInfo: "#ff89b4fa"
|
||||
|
||||
// ── Notifications Module ───────────────────────────────────────────────────
|
||||
readonly property color notifBg: bgPanel
|
||||
readonly property color notifBgHover: "#11ffffff"
|
||||
readonly property color notifBorder: border
|
||||
readonly property color notifBorderActive: accent
|
||||
readonly property color notifIcon: textMain
|
||||
readonly property color notifIconActive: accent
|
||||
readonly property color notifBadgeBg: statusErr
|
||||
readonly property color notifBadgeText: "#ffffffff"
|
||||
readonly property color notifSeparator: separator
|
||||
readonly property color notifDnd: separator
|
||||
|
||||
// ── Toast cards (Variation: City Glow) ─────────────────────────────────────
|
||||
readonly property color notifToastBg: bgPopup
|
||||
readonly property color notifToastBgHover: "#22ffffff"
|
||||
readonly property color notifToastBorder: borderPopup
|
||||
readonly property color notifToastShadow: "#88000000"
|
||||
readonly property color notifToastText: textMain
|
||||
readonly property color notifToastDim: textDim
|
||||
readonly property color notifToastAppName: "#ff89b4fa"
|
||||
|
||||
// ── Urgency colours ────────────────────────────────────────────────────────
|
||||
readonly property color notifUrgencyCritical: statusErr
|
||||
readonly property color notifUrgencyNormal: statusInfo
|
||||
readonly property color notifUrgencyLow: textDim
|
||||
|
||||
// ── Progress bar ───────────────────────────────────────────────────────────
|
||||
readonly property color notifProgressBg: "#22ffffff"
|
||||
readonly property color notifProgressFill: accent
|
||||
|
||||
// ── History popup ──────────────────────────────────────────────────────────
|
||||
readonly property color notifHistoryBg: bgPopup
|
||||
readonly property color notifHistoryBorder: "#44c19375"
|
||||
readonly property color notifHistoryShadow: "#aa000000"
|
||||
readonly property color notifHistoryHover: "#11c19375"
|
||||
readonly property color notifHistoryEmpty: textDim
|
||||
}
|
||||
161
config/themes/metropolitan.qml
Normal file
161
config/themes/metropolitan.qml
Normal file
@@ -0,0 +1,161 @@
|
||||
pragma Singleton
|
||||
import QtQuick
|
||||
import Quickshell
|
||||
|
||||
QtObject {
|
||||
id: theme
|
||||
|
||||
// ── Wallpaper ──────────────────────────────────────────────────────────────
|
||||
// Path updated to reflect the new vibe, though you may need to point this to your actual image
|
||||
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/metropolitan.jpg"
|
||||
|
||||
// ── Base Backgrounds ───────────────────────────────────────────────────────
|
||||
readonly property color bg: "#880d1117" // Deep midnight charcoal (80% trans)
|
||||
readonly property color bgPanel: "transparent"
|
||||
readonly property color bgPopup: "#88090c10" // Darker building shadow (93% trans)
|
||||
readonly property color bgFrame: bg
|
||||
|
||||
// ── Separators ────────────────────────────────────────────────────────────
|
||||
readonly property color separator: "#33565f89" // Slate blue structural gray
|
||||
|
||||
// ── Text ──────────────────────────────────────────────────────────────────
|
||||
readonly property color textMain: "#ffe0e6ed" // Bright office window white
|
||||
readonly property color textDim: "#9971798a" // Steel gray
|
||||
readonly property color todayText: "#ffffffff"
|
||||
|
||||
// ── Accent & Borders ──────────────────────────────────────────────────────
|
||||
readonly property color accent: "#ffffb86c" // Warm street lamp amber
|
||||
readonly property color border: "transparent"
|
||||
readonly property color borderPopup: "#882e3440" // Dark girder blue
|
||||
readonly property color borderToday: accent
|
||||
|
||||
// ── ArchLogo Module ────────────────────────────────────────────────────────
|
||||
readonly property color archLogoBg: bgPanel
|
||||
readonly property color archLogoBgHover: "#22ffffff"
|
||||
readonly property color archLogoHover: accent
|
||||
readonly property color archLogoBorder: border
|
||||
readonly property color archLogoBorderActive: accent
|
||||
readonly property color archLogoIcon: textMain
|
||||
readonly property color archLogoIconActive: accent
|
||||
|
||||
// ── Stats Module (Variation: Night City Lights) ───────────────────────────
|
||||
readonly property color statsBg: bgPanel
|
||||
readonly property color statsBorder: border
|
||||
readonly property color statsText: "#ff71798a"
|
||||
readonly property color statsRingColor: accent
|
||||
readonly property color statsCpuColor: "#ffffb86c" // Streetlight gold
|
||||
readonly property color statsMemColor: "#ff9ece6a" // Train stripe green
|
||||
readonly property color statsDiskColor: "#ff7dcfff" // Cyan window light
|
||||
readonly property color statsGpuColor: "#fff7768e" // Traffic taillight red
|
||||
readonly property color statsTrackColor: "#15ffffff"
|
||||
|
||||
// ── Volume Module (Variation: Urban Sound) ────────────────────────────────
|
||||
readonly property color volBg: bgPanel
|
||||
readonly property color volBgHover: "#22565f89"
|
||||
readonly property color volBorder: border
|
||||
readonly property color volBorderHover: "#ff9ece6a"
|
||||
readonly property color volPopupBg: bgPopup
|
||||
readonly property color volPopupBorder: borderPopup
|
||||
readonly property color volIcon: "#ff9ece6a"
|
||||
readonly property color volIconMuted: "#ff444b6a"
|
||||
readonly property color volTrack: "#22ffffff"
|
||||
readonly property color volHandle: accent
|
||||
readonly property color volHandleBorder: "#33ffffff"
|
||||
readonly property color volMuteBg: "#33f7768e"
|
||||
readonly property color volPickerHover: "#15ffb86c"
|
||||
|
||||
// ── Clock Module ───────────────────────────────────────────────────────────
|
||||
readonly property color clockBg: bgPanel
|
||||
readonly property color clockBgHover: "#11ffffff"
|
||||
readonly property color clockBorder: border
|
||||
readonly property color clockBorderHover: accent
|
||||
readonly property color clockTime: textMain
|
||||
readonly property color clockSeconds: "#ff9ece6a" // Subtle green pulse
|
||||
readonly property color clockIcon: accent
|
||||
readonly property color clockSeparator: separator
|
||||
readonly property color clockText: textMain
|
||||
readonly property color clockShadow: "#66000000"
|
||||
|
||||
// ── Calendar Popup ─────────────────────────────────────────────────────────
|
||||
readonly property color calCardBg: bgPopup
|
||||
readonly property color calCardBorder: borderPopup
|
||||
readonly property color calSeparator: separator
|
||||
readonly property color calShadow: "#aa000000"
|
||||
readonly property color clockPopupHeader: "#ffffb86c"
|
||||
readonly property color clockPopupText: textMain
|
||||
readonly property color clockPopupDim: textDim
|
||||
|
||||
// ── Workspace Module ───────────────────────────────────────────────────────
|
||||
readonly property color wsPanelBg: bgPanel
|
||||
readonly property color wsPanelBorder: "transparent"
|
||||
readonly property color wsActiveBg: accent
|
||||
readonly property color wsInactiveBg: "#15ffffff"
|
||||
readonly property color wsHoverBg: "#33565f89"
|
||||
readonly property color wsActiveText: "#ff0d1117"
|
||||
readonly property color wsInactiveText: textMain
|
||||
readonly property color wsHoverText: "#ffffffff"
|
||||
|
||||
// ── Tray Module ────────────────────────────────────────────────────────────
|
||||
readonly property color trayBg: bgPanel
|
||||
readonly property color trayBgHover: "#11ffffff"
|
||||
readonly property color trayBorder: border
|
||||
readonly property color trayBorderHover: "#22ffffff"
|
||||
readonly property color trayIcon: textMain
|
||||
|
||||
// ── Launcher (Variation: Neon Horizon) ─────────────────────────────────────
|
||||
readonly property color launcherBg: bgPopup
|
||||
readonly property color launcherBorder: "#44ffb86c"
|
||||
readonly property color launcherInput: "#66090c10"
|
||||
readonly property color launcherInputBorderFocus: accent
|
||||
readonly property color launcherPill: "#44565f89"
|
||||
readonly property color launcherText: textMain
|
||||
readonly property color launcherDim: textDim
|
||||
readonly property color launcherAccent: accent
|
||||
readonly property color launcherHover: "#22ffb86c"
|
||||
readonly property color launcherSelected: "#44ffb86c"
|
||||
readonly property color launcherModeActiveText: "#ffffffff"
|
||||
readonly property color launcherModeActiveBg: accent
|
||||
|
||||
// ── Status Colors ──────────────────────────────────────────────────────────
|
||||
readonly property color statusOk: "#ff9ece6a" // Train green
|
||||
readonly property color statusWarn: "#ffffb86c" // Streetlight amber
|
||||
readonly property color statusErr: "#fff7768e" // Taillight red
|
||||
readonly property color statusInfo: "#ff7dcfff" // Window cyan
|
||||
|
||||
// ── Notifications Module ───────────────────────────────────────────────────
|
||||
readonly property color notifBg: bgPanel
|
||||
readonly property color notifBgHover: "#11ffffff"
|
||||
readonly property color notifBorder: border
|
||||
readonly property color notifBorderActive: accent
|
||||
readonly property color notifIcon: textMain
|
||||
readonly property color notifIconActive: accent
|
||||
readonly property color notifBadgeBg: statusErr
|
||||
readonly property color notifBadgeText: "#ffffffff"
|
||||
readonly property color notifSeparator: separator
|
||||
readonly property color notifDnd: separator
|
||||
|
||||
// ── Toast cards (Variation: Tokyo Night) ───────────────────────────────────
|
||||
readonly property color notifToastBg: bgPopup
|
||||
readonly property color notifToastBgHover: "#22ffffff"
|
||||
readonly property color notifToastBorder: borderPopup
|
||||
readonly property color notifToastShadow: "#88000000"
|
||||
readonly property color notifToastText: textMain
|
||||
readonly property color notifToastDim: textDim
|
||||
readonly property color notifToastAppName: "#ff7dcfff"
|
||||
|
||||
// ── Urgency colours ────────────────────────────────────────────────────────
|
||||
readonly property color notifUrgencyCritical: statusErr
|
||||
readonly property color notifUrgencyNormal: statusInfo
|
||||
readonly property color notifUrgencyLow: textDim
|
||||
|
||||
// ── Progress bar ───────────────────────────────────────────────────────────
|
||||
readonly property color notifProgressBg: "#22ffffff"
|
||||
readonly property color notifProgressFill: accent
|
||||
|
||||
// ── History popup ──────────────────────────────────────────────────────────
|
||||
readonly property color notifHistoryBg: bgPopup
|
||||
readonly property color notifHistoryBorder: "#44ffb86c"
|
||||
readonly property color notifHistoryShadow: "#aa000000"
|
||||
readonly property color notifHistoryHover: "#11ffb86c"
|
||||
readonly property color notifHistoryEmpty: textDim
|
||||
}
|
||||
@@ -6,6 +6,13 @@ singleton Cosmic 1.0 cosmic.qml
|
||||
singleton Aurora 1.0 aurora.qml
|
||||
singleton Beach 1.0 beach.qml
|
||||
singleton Colorful 1.0 colorful.qml
|
||||
singleton Aero 1.0 aero.qml
|
||||
singleton Supreme 1.0 supreme.qml
|
||||
singleton Metropolitan 1.0 metropolitan.qml
|
||||
singleton Goldencity 1.0 goldencity.qml
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
160
config/themes/supreme.qml
Normal file
160
config/themes/supreme.qml
Normal file
@@ -0,0 +1,160 @@
|
||||
pragma Singleton
|
||||
import QtQuick
|
||||
import Quickshell
|
||||
|
||||
QtObject {
|
||||
id: theme
|
||||
|
||||
// ── Wallpaper ──────────────────────────────────────────────────────────────
|
||||
readonly property string wallpaper: Quickshell.env("HOME") + "/.config/quickshell/wallpapers/supreme.jpg"
|
||||
|
||||
// ── Base Backgrounds ───────────────────────────────────────────────────────
|
||||
readonly property color bg: "#883d1c2b" // Deep berry wine (Translucent)
|
||||
readonly property color bgPanel: "transparent"
|
||||
readonly property color bgPopup: "#882d1621" // Darker velvet rose (95% trans)
|
||||
readonly property color bgFrame: bg
|
||||
|
||||
// ── Separators ────────────────────────────────────────────────────────────
|
||||
readonly property color separator: "#44ffb7ce"
|
||||
|
||||
// ── Text ──────────────────────────────────────────────────────────────────
|
||||
readonly property color textMain: "#ffffeff5" // Soft sugar white
|
||||
readonly property color textDim: "#aaefb4c1" // Muted petal pink
|
||||
readonly property color todayText: "#ffffffff"
|
||||
|
||||
// ── Accent & Borders ──────────────────────────────────────────────────────
|
||||
readonly property color accent: "#ffff7eb9" // Neon bubblegum pink
|
||||
readonly property color border: "transparent"
|
||||
readonly property color borderPopup: "#66ff7eb9" // Glowing pink edge
|
||||
readonly property color borderToday: accent
|
||||
|
||||
// ── ArchLogo Module ────────────────────────────────────────────────────────
|
||||
readonly property color archLogoBg: bgPanel
|
||||
readonly property color archLogoBgHover: "#22ffffff"
|
||||
readonly property color archLogoHover: accent
|
||||
readonly property color archLogoBorder: border
|
||||
readonly property color archLogoBorderActive: accent
|
||||
readonly property color archLogoIcon: textMain
|
||||
readonly property color archLogoIconActive: accent
|
||||
|
||||
// ── Stats Module (Candy Tones) ─────────────────────────────────────────────
|
||||
readonly property color statsBg: bgPanel
|
||||
readonly property color statsBorder: border
|
||||
readonly property color statsText: "#ffefb4c1"
|
||||
readonly property color statsRingColor: accent
|
||||
readonly property color statsCpuColor: "#ffff7eb9" // Hot pink
|
||||
readonly property color statsMemColor: "#ffee99ff" // Soft purple
|
||||
readonly property color statsDiskColor: "#ff70c5ce" // Cyan pop
|
||||
readonly property color statsGpuColor: "#ffff9a9e" // Pastel coral
|
||||
readonly property color statsTrackColor: "#15ffffff"
|
||||
|
||||
// ── Volume Module (Berry Glass) ───────────────────────────────────────────
|
||||
readonly property color volBg: bgPanel
|
||||
readonly property color volBgHover: "#22ffb7ce"
|
||||
readonly property color volBorder: border
|
||||
readonly property color volBorderHover: "#ffefb4c1"
|
||||
readonly property color volPopupBg: bgPopup
|
||||
readonly property color volPopupBorder: borderPopup
|
||||
readonly property color volIcon: "#ffff7eb9"
|
||||
readonly property color volIconMuted: "#ff7d4d5e"
|
||||
readonly property color volTrack: "#22ffffff"
|
||||
readonly property color volHandle: accent
|
||||
readonly property color volHandleBorder: "#33ffffff"
|
||||
readonly property color volMuteBg: "#33ff7eb9"
|
||||
readonly property color volPickerHover: "#15ff7eb9"
|
||||
|
||||
// ── Clock Module ───────────────────────────────────────────────────────────
|
||||
readonly property color clockBg: bgPanel
|
||||
readonly property color clockBgHover: "#11ffffff"
|
||||
readonly property color clockBorder: border
|
||||
readonly property color clockBorderHover: accent
|
||||
readonly property color clockTime: textMain
|
||||
readonly property color clockSeconds: "#ffff9a9e" // Pastel peach
|
||||
readonly property color clockIcon: accent
|
||||
readonly property color clockSeparator: separator
|
||||
readonly property color clockText: textMain
|
||||
readonly property color clockShadow: "#442d1621"
|
||||
|
||||
// ── Calendar Popup ─────────────────────────────────────────────────────────
|
||||
readonly property color calCardBg: bgPopup
|
||||
readonly property color calCardBorder: borderPopup
|
||||
readonly property color calSeparator: separator
|
||||
readonly property color calShadow: "#662d1621"
|
||||
readonly property color clockPopupHeader: "#ffff7eb9"
|
||||
readonly property color clockPopupText: textMain
|
||||
readonly property color clockPopupDim: textDim
|
||||
|
||||
// ── Workspace Module ───────────────────────────────────────────────────────
|
||||
readonly property color wsPanelBg: bgPanel
|
||||
readonly property color wsPanelBorder: "transparent"
|
||||
readonly property color wsActiveBg: accent
|
||||
readonly property color wsInactiveBg: "#15ffffff"
|
||||
readonly property color wsHoverBg: "#33ffb7ce"
|
||||
readonly property color wsActiveText: "#ff2d1621" // Dark contrast
|
||||
readonly property color wsInactiveText: textMain
|
||||
readonly property color wsHoverText: "#ffffffff"
|
||||
|
||||
// ── Tray Module ────────────────────────────────────────────────────────────
|
||||
readonly property color trayBg: bgPanel
|
||||
readonly property color trayBgHover: "#11ffffff"
|
||||
readonly property color trayBorder: border
|
||||
readonly property color trayBorderHover: "#22ffffff"
|
||||
readonly property color trayIcon: textMain
|
||||
|
||||
// ── Launcher (Pink Mist) ───────────────────────────────────────────────────
|
||||
readonly property color launcherBg: bgPopup
|
||||
readonly property color launcherBorder: "#66ff7eb9"
|
||||
readonly property color launcherInput: "#442d1621"
|
||||
readonly property color launcherInputBorderFocus: accent
|
||||
readonly property color launcherPill: "#44ffb7ce"
|
||||
readonly property color launcherText: textMain
|
||||
readonly property color launcherDim: textDim
|
||||
readonly property color launcherAccent: accent
|
||||
readonly property color launcherHover: "#22ff7eb9"
|
||||
readonly property color launcherSelected: "#44ff7eb9"
|
||||
readonly property color launcherModeActiveText: "#ffffffff"
|
||||
readonly property color launcherModeActiveBg: accent
|
||||
|
||||
// ── Status Colors ──────────────────────────────────────────────────────────
|
||||
readonly property color statusOk: "#ffb8e994"
|
||||
readonly property color statusWarn: "#ffffd32a"
|
||||
readonly property color statusErr: "#ffff4d4d"
|
||||
readonly property color statusInfo: "#ff70c5ce"
|
||||
|
||||
// ── Notifications Module ───────────────────────────────────────────────────
|
||||
readonly property color notifBg: bgPanel
|
||||
readonly property color notifBgHover: "#11ffffff"
|
||||
readonly property color notifBorder: border
|
||||
readonly property color notifBorderActive: accent
|
||||
readonly property color notifIcon: textMain
|
||||
readonly property color notifIconActive: accent
|
||||
readonly property color notifBadgeBg: statusErr
|
||||
readonly property color notifBadgeText: "#ffffffff"
|
||||
readonly property color notifSeparator: separator
|
||||
readonly property color notifDnd: separator
|
||||
|
||||
// ── Toast cards (Frosted Pink) ─────────────────────────────────────────────
|
||||
readonly property color notifToastBg: bgPopup
|
||||
readonly property color notifToastBgHover: "#22ffffff"
|
||||
readonly property color notifToastBorder: borderPopup
|
||||
readonly property color notifToastShadow: "#442d1621"
|
||||
readonly property color notifToastText: textMain
|
||||
readonly property color notifToastDim: textDim
|
||||
readonly property color notifToastAppName: "#ffff7eb9"
|
||||
|
||||
// ── Urgency colours ────────────────────────────────────────────────────────
|
||||
readonly property color notifUrgencyCritical: statusErr
|
||||
readonly property color notifUrgencyNormal: statusInfo
|
||||
readonly property color notifUrgencyLow: textDim
|
||||
|
||||
// ── Progress bar ───────────────────────────────────────────────────────────
|
||||
readonly property color notifProgressBg: "#22ffffff"
|
||||
readonly property color notifProgressFill: accent
|
||||
|
||||
// ── History popup ──────────────────────────────────────────────────────────
|
||||
readonly property color notifHistoryBg: bgPopup
|
||||
readonly property color notifHistoryBorder: "#33ff7eb9"
|
||||
readonly property color notifHistoryShadow: "#552d1621"
|
||||
readonly property color notifHistoryHover: "#11ff7eb9"
|
||||
readonly property color notifHistoryEmpty: textDim
|
||||
}
|
||||
@@ -33,6 +33,10 @@ PanelWindow {
|
||||
property bool loading: false
|
||||
property bool proxyMode: false
|
||||
|
||||
// When launcherSelectFirst is true the first result is pre-selected;
|
||||
// otherwise the list starts with no selection (-1).
|
||||
readonly property int defaultIndex: Cfg.Config.launcherSelectFirst ? 0 : -1
|
||||
|
||||
readonly property var filteredItems: {
|
||||
const q = searchInput.text.toLowerCase()
|
||||
if (!q) return allItems.slice(0, 80)
|
||||
@@ -46,7 +50,7 @@ PanelWindow {
|
||||
visible = true
|
||||
_isOpen = true
|
||||
searchInput.text = ""
|
||||
resultsList.currentIndex = -1
|
||||
resultsList.currentIndex = root.defaultIndex
|
||||
loadItems()
|
||||
Qt.callLater(() => searchInput.forceActiveFocus())
|
||||
}
|
||||
@@ -101,7 +105,11 @@ PanelWindow {
|
||||
WlrLayershell.namespace: "main-shell-launcher"
|
||||
WlrLayershell.exclusiveZone: -1
|
||||
WlrLayershell.keyboardFocus: _isOpen ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
|
||||
mask: Region { item: clipContainer }
|
||||
mask: Region { item: (root._isOpen && Cfg.Config.launcherCloseOnClickOutside) ? fullMask : clipContainer }
|
||||
|
||||
// Full-screen item used as input mask when click-outside-to-close is enabled.
|
||||
// Lets the background MouseArea receive events outside the bubble.
|
||||
Item { id: fullMask; anchors.fill: parent }
|
||||
|
||||
Timer {
|
||||
id: closeTimer
|
||||
@@ -138,6 +146,15 @@ PanelWindow {
|
||||
|
||||
Process { id: launchProc }
|
||||
|
||||
// Transparent overlay — captures clicks outside the bubble and closes the
|
||||
// launcher. Sits below clipContainer in stacking order (declared first),
|
||||
// so clicks inside the bubble still reach the bubble's own MouseAreas.
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
enabled: root._isOpen && Cfg.Config.launcherCloseOnClickOutside
|
||||
onClicked: root.close()
|
||||
}
|
||||
|
||||
Item {
|
||||
id: clipContainer
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
@@ -214,7 +231,7 @@ PanelWindow {
|
||||
verticalAlignment: TextInput.AlignVCenter
|
||||
selectionColor: t.launcherAccent
|
||||
|
||||
onTextChanged: resultsList.currentIndex = -1
|
||||
onTextChanged: resultsList.currentIndex = root.defaultIndex
|
||||
|
||||
Keys.onReturnPressed: {
|
||||
if (root.filteredItems.length > 0) {
|
||||
@@ -329,10 +346,10 @@ PanelWindow {
|
||||
implicitHeight: Math.min(contentHeight, 400)
|
||||
clip: true
|
||||
model: root.filteredItems
|
||||
currentIndex: -1
|
||||
currentIndex: root.defaultIndex
|
||||
spacing: 2
|
||||
|
||||
onModelChanged: currentIndex = -1
|
||||
onModelChanged: currentIndex = root.defaultIndex
|
||||
ScrollBar.vertical: ScrollBar { policy: ScrollBar.AsNeeded }
|
||||
|
||||
delegate: Rectangle {
|
||||
|
||||
BIN
wallpapers/metropolitan.jpg
Normal file
BIN
wallpapers/metropolitan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
wallpapers/supreme.jpg
Normal file
BIN
wallpapers/supreme.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 647 KiB |
BIN
wallpapers/vista-aurora.jpg
Normal file
BIN
wallpapers/vista-aurora.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
BIN
wallpapers/wallhaven-qd2xjd.jpg
Normal file
BIN
wallpapers/wallhaven-qd2xjd.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 935 KiB |
Reference in New Issue
Block a user