updated clock module: added animations and removed redundancies

config/config.qml

@@ -43,6 +43,12 @@ QtObject {
     property int popupBorderWidth:   1
     property int popupAnimDuration:  500
 
+    // ── Clock Popup ───────────────────────────────────────────────────────────
+    // Date format shown in the clock popup.
+    // "MDY" → month/day/year   (e.g. 4/28/2026)
+    // "DMY" → day/month/year   (e.g. 28/4/2026)
+    property string clockDateFormat: "DMY"
+
     // ── Tray Styling ─────────────────────────────────────────────────────────
     property int trayHeight:    26
     property int trayIconSize:  20

config/themes/aero.qml

@@ -157,4 +157,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#55000000"
     readonly property color notifHistoryHover:  "#11cbdc3d"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22cbdc3d"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#66000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/aurora.qml

@@ -158,4 +158,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#55000000"
     readonly property color notifHistoryHover:  "#1100d9ff"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#2200d9ff"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#88000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/beach.qml

@@ -157,4 +157,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#55000000"
     readonly property color notifHistoryHover:  "#11ebc6a0"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22ebc6a0"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#66000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/colorful.qml

@@ -158,4 +158,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#55000000"
     readonly property color notifHistoryHover:  "#11f0a1ba"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22f0a1ba"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#66000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/cosmic.qml

@@ -157,4 +157,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#55000000"
     readonly property color notifHistoryHover:  "#11bdf0ff"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22bdf0ff"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#66000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/everforest.qml

@@ -158,6 +158,21 @@ QtObject {
     readonly property color notifHistoryShadow: "#55000000"
     readonly property color notifHistoryHover:  "#22ffffff"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#224a8c5c"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#44000000"
+    readonly property color bgDateSecondsText: textMain
 }
 
 

config/themes/goldencity.qml

@@ -84,6 +84,13 @@ QtObject {
     readonly property color clockPopupHeader: "#ffc19375"
     readonly property color clockPopupText:   textMain
     readonly property color clockPopupDim:    textDim
+    readonly property color clockPopupDate:   textMain  // Numeric date in the popup (month/day/year)
+    readonly property color clockPopupUtc:    textDim   // UTC offset label (e.g. UTC +2)
+    readonly property color calArrowIcon:      textDim             // Default arrow glyph color
+    readonly property color calArrowIconHover: "#ffc19375"         // Hovered arrow — horizon gold
+    readonly property color calArrowBg:        "transparent"       // Default button background
+    readonly property color calArrowBgHover:   "#22c19375"         // Hovered button — soft gold tint
+    readonly property color calArrowBgPress:   "#ffc19375"         // Pressed button — full horizon gold
 
     // ── Workspace Module ───────────────────────────────────────────────────────
     readonly property color wsPanelBg:      bgPanel
@@ -158,4 +165,9 @@ QtObject {
     readonly property color notifHistoryShadow: "#aa000000"
     readonly property color notifHistoryHover:  "#11c19375"
     readonly property color notifHistoryEmpty:  textDim
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText:        textMain          // Date string color
+    readonly property color bgDateShadow:      "#66000000"       // Drop shadow for both texts
+    readonly property color bgDateSecondsText: textMain      // Seconds clock — sun-glow gold
 }

config/themes/metropolitan.qml

@@ -158,4 +158,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#aa000000"
     readonly property color notifHistoryHover:  "#11ffb86c"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22ffb86c"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#aa000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/neonica.qml

@@ -156,4 +156,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#33000000"
     readonly property color notifHistoryHover:  "#22c4a7e7"
     readonly property color notifHistoryEmpty:  "#ff6e6a86"
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22ff2e97"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#44000000"
+    readonly property color bgDateSecondsText: textMain
 }

config/themes/supreme.qml

@@ -157,4 +157,19 @@ QtObject {
     readonly property color notifHistoryShadow: "#552d1621"
     readonly property color notifHistoryHover:  "#11ff7eb9"
     readonly property color notifHistoryEmpty:  textDim
+
+    // new variables adaptated
+    readonly property color frameBorder: "transparent"
+    readonly property color clockPopupDate: textMain
+    readonly property color clockPopupUtc: textDim
+    readonly property color calArrowIcon: textDim
+    readonly property color calArrowIconHover: accent
+    readonly property color calArrowBg: "transparent"
+    readonly property color calArrowBgHover: "#22ff7eb9"
+    readonly property color calArrowBgPress: accent
+
+    // ── BgDate Module ──────────────────────────────────────────────────────────
+    readonly property color bgDateText: textMain
+    readonly property color bgDateShadow: "#662d1621"
+    readonly property color bgDateSecondsText: textMain
 }