diff --git a/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/config.yaml b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/config.yaml
new file mode 100644
index 0000000..b1d5db7
--- /dev/null
+++ b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/config.yaml
@@ -0,0 +1,667 @@
+watch_stylesheet: true
+watch_config: true
+debug: false
+show_systray: true
+komorebi:
+ start_command: "komorebic start --whkd"
+ stop_command: "komorebic stop --whkd"
+ reload_command: "komorebic stop --whkd && komorebic start --whkd"
+bars:
+ primary-bar:
+ enabled: true
+ screens: ["**"]
+ class_name: "yasb-bar"
+ alignment:
+ position: "top"
+ align: "center"
+ animation:
+ enabled: true
+ duration: 1000
+ blur_effect:
+ enabled: false
+ acrylic: true
+ dark_mode: true
+ round_corners: false
+ border_color: None
+ window_flags:
+ windows_app_bar: true
+ dimensions:
+ width: "100%"
+ height: 32
+ padding:
+ top: 1
+ left: 0
+ bottom: 0
+ right: 0
+ widgets:
+ left: [
+ "home",
+ "komorebi_workspaces",
+ "systray",
+ "disk",
+ "apps",
+ "media",
+ "volume"
+ ]
+ center: [
+ "clock",
+ "weather"
+ ]
+ right: [
+ "active_window",
+ "taskbar",
+ "cpu",
+ "memory",
+ "wifi",
+ "traffic",
+ "power_menu"
+ ]
+widgets:
+ home:
+ type: "yasb.home.HomeWidget"
+ options:
+ label: "\udb81\udf17"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ menu_list:
+ - { title: "User Home", path: "~" }
+ - { title: "Download", path: "~\\Downloads" }
+ - { title: "Documents", path: "~\\Documents" }
+ - { title: "Pictures", path: "~\\Pictures" }
+ system_menu: true
+ power_menu: true
+ blur: true
+ border_color: "None"
+ round_corners_type: "small"
+ container_padding:
+ top: 0
+ left: 12
+ bottom: 0
+ right: 12
+ komorebi_workspaces:
+ type: "komorebi.workspaces.WorkspaceWidget"
+ options:
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ label_shadow:
+ enabled: true
+ offset: [0, 0]
+ radius: 4
+ color: "#feed00"
+ label_offline: "\u23fc Offline"
+ label_workspace_btn: "\udb80\uddc6"
+ label_workspace_active_btn: "\ue285 \ue200"
+ label_workspace_populated_btn: "\uf00d"
+ label_default_name: "{index}"
+ label_zero_index: true
+ hide_empty_workspaces: false
+ hide_if_offline: false
+ animation: true
+ enable_scroll_switching: true
+ container_padding:
+ top: 0
+ left: 8
+ bottom: 0
+ right: 8
+ systray:
+ type: "yasb.systray.SystrayWidget"
+ options:
+ class_name: "systray"
+ label_collapsed: "\udb81\udeb6"
+ label_expanded: "\udb82\ude03"
+ label_position: "left"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#46dffb"
+ icon_size: 12
+ pin_click_modifier: "alt"
+ show_unpinned: false
+ show_unpinned_button: true
+ show_network: true
+ disk:
+ type: "yasb.disk.DiskWidget"
+ options:
+ label: "\ue240"
+ label_alt: "{volume_label} {space[used][gb]} / {space[total][gb]}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ update_interval: 60
+ disk_thresholds:
+ low: 25
+ medium: 50
+ high: 90
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 1500
+ group_label:
+ volume_labels: ["C", "D", "E", "F"]
+ show_label_name: true
+ blur: True
+ round_corners: True
+ round_corners_type: "small"
+ border_color: "System"
+ alignment: "left"
+ direction: "down"
+ distance: 6
+ progress_bar:
+ enabled: true
+ position: "left"
+ size: 14
+ thickness: 2
+ color: "#ff00d4"
+ animation: true
+ callbacks:
+ on_left: "toggle_group"
+ on_middle: "toggle_label"
+ on_right: "exec explorer"
+ apps:
+ type: "yasb.applications.ApplicationsWidget"
+ options:
+ image_icon_size: 14
+ container_padding:
+ top: 0
+ left: 0
+ bottom: 0
+ right: 0
+ label: "{data}"
+ tooltip: True
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ app_list:
+ - { icon: "\uf422", launch: "~\\AppData\\Local\\Programs\\EverythingToolbar\\EverythingToolbar.Launcher.exe", name: "Search" }
+ - { icon: "\ueb01", launch: "~\\Path\\To-Your\\Browser", name: "Network" }
+ - { icon: "\uf1bc", launch: "~\\Path\\To-Your\\Spotify", name: "Spotify" }
+ - { icon: "\uf1ff",launch: "~\\Path\\To-Your\\Discord", name: "Discord" }
+ - { icon: "\udb82\ude1e",launch: "~\\Path\\To-Your\\VSCode", name: "VSCode" }
+ media:
+ type: "yasb.media.MediaWidget"
+ options:
+ label: "{artist} - {title}"
+ label_alt: "{title}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 2
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ max_field_size:
+ label: 32
+ label_alt: 32
+ controls_only: false
+ controls_left: true
+ hide_empty: true
+ thumbnail_alpha: 150
+ thumbnail_padding: 8
+ thumbnail_corner_radius: 0
+ icons:
+ prev_track: "\uf048"
+ next_track: "\uf051"
+ play: "\uf04b"
+ pause: "\uf04c"
+ media_menu_icons:
+ prev_track: "\uf048"
+ next_track: "\uf051"
+ play: "\uf04b"
+ pause: "\uf04c"
+ mute: "\uf6a9"
+ unmute: "\uf028"
+ media_menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ alignment: "center"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ thumbnail_corner_radius: 8
+ thumbnail_size: 120
+ max_title_size: 60
+ max_artist_size: 20
+ show_source: true
+ show_volume_slider: true
+ container_padding:
+ top: 8
+ left: 8
+ bottom: 8
+ right: 8
+ scrolling_label:
+ enabled: true
+ always_scroll: false
+ update_interval_ms: 16
+ style: "left"
+ separator: " | "
+ label_padding: 1
+ callbacks:
+ on_left: "toggle_media_menu"
+ on_middle: "focus_media"
+ on_right: "toggle_label"
+ volume:
+ type: "yasb.volume.VolumeWidget"
+ options:
+ label: "{icon} {level}"
+ label_alt: "{volume}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ tooltip: true
+ volume_icons:
+ - "\ueee8"
+ - "\uf026"
+ - "\uf027"
+ - "\uf027"
+ - "\uf028"
+ callbacks:
+ on_left: "toggle_volume_menu"
+ on_right: "toggle_mute"
+ audio_menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "small"
+ border_color: "None"
+ alignment: "center"
+ direction: "down"
+ distance: 6
+ show_apps: true
+ show_apps_expanded: true
+ container_padding:
+ top: 0
+ left: 4
+ bottom: 0
+ right: 8
+ clock:
+ type: "yasb.clock.ClockWidget"
+ options:
+ label: "\uf017 {%a, %d/%m/%y %H:%M}"
+ label_alt: "{%A, %d %B %Y %H:%M}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 3
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 2
+ color: "#ff003c"
+ callbacks:
+ on_left: "toggle_calendar"
+ on_middle: "next_timezone"
+ on_right: "toggle_label"
+ calendar:
+ blur: True
+ round_corners: True
+ round_corners_type: "small"
+ border_color: "None"
+ alignment: "center"
+ direction: "down"
+ distance: 6
+ show_holidays: true
+ country_code: "$env:YASB_CALENDAR_COUNTRY_CODE"
+ subdivision: "$env:YASB_CALENDAR_SUBDIVISION"
+ holiday_color: "#ff003c"
+ extended: true
+ show_week_numbers: true
+ container_padding:
+ top: 0
+ left: 8
+ bottom: 0
+ right: 0
+ timezones: ["JP"]
+ icons:
+ clock_01 : "\udb85\udc3f"
+ clock_02 : "\udb85\udc40"
+ clock_03 : "\udb85\udc41"
+ clock_04 : "\udb85\udc42"
+ clock_05 : "\udb85\udc43"
+ clock_06 : "\udb85\udc44"
+ clock_07 : "\udb85\udc45"
+ clock_08 : "\udb85\udc46"
+ clock_09 : "\udb85\udc47"
+ clock_10 : "\udb85\udc48"
+ clock_11 : "\udb85\udc49"
+ clock_12 : "\udb85\udc4a"
+ clock_16 : "SNACK TIME !"
+ clock_21 : "Zzz..."
+ clock_22 : "Zzz..."
+ clock_23 : "Zzz..."
+ alarm_icons:
+ enabled: "\uf0f3"
+ disabled: "\uf0a2"
+ snooze: "\uf1f6"
+ weather:
+ type: "yasb.weather.WeatherWidget"
+ options:
+ label: "{icon} {temp}"
+ label_alt: "{location}: Min {min_temp}, Max {max_temp}, Humidity {humidity}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 3
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ api_key: "$env:YASB_WEATHER_API_KEY"
+ show_alerts: true
+ tooltip: true
+ update_interval: 600
+ hide_decimal: true
+ units: "metric"
+ location: "$env:YASB_WEATHER_LOCATION"
+ callbacks:
+ on_left: "toggle_card"
+ on_right: "toggle_label"
+ icons:
+ sunnyDay: "\udb81\udd99"
+ clearNight: "\U0001F319"
+ cloudyDay: "\U00002601"
+ cloudyNight: "\U0001F315"
+ rainyDay: "\U0001F327"
+ rainyNight: "\U0001F327\U0001F311"
+ snowyDay: "\U00002744"
+ snowyNight: "\U0001F328"
+ blizzardDay: "\U0001F32C"
+ blizzardNight: "\udb83\udf36"
+ foggyDay: "\ue303"
+ foggyNight: "\ue346"
+ thunderstormDay: "\ue30f"
+ thunderstormNight: "\ue338"
+ default: "\udb81\udd99"
+ container_padding:
+ top: 0
+ left: 0
+ bottom: 0
+ right: 8
+ weather_card:
+ blur: true
+ round_corners: true
+ round_corners_type: "small"
+ border_color: "None"
+ alignment: "center"
+ direction: "down"
+ distance: 6
+ icon_size: 64
+ show_hourly_forecast: true
+ time_format: "24h"
+ hourly_point_spacing: 76
+ hourly_icon_size: 32
+ icon_smoothing: true
+ temp_line_width: 2
+ current_line_color: "#00ffd2"
+ current_line_width: 1
+ current_line_style: "dot"
+ hourly_gradient:
+ enabled: true
+ top_color: "#04d8044d"
+ bottom_color: "#00000000"
+ hourly_forecast_buttons:
+ enabled: true
+ default_view: "temperature"
+ temperature_icon: "\udb81\udd99"
+ rain_icon: "\udb81\udd96"
+ snow_icon: "\udb81\udd98"
+ weather_animation:
+ enabled: true
+ snow_overrides_rain: false
+ temp_line_animation_style: "both"
+ rain_effect_intensity: 1.0
+ snow_effect_intensity: 1.0
+ scale_with_chance: true
+ enable_debug: false
+ active_window:
+ type: "yasb.active_window.ActiveWindowWidget"
+ options:
+ label: "{win[title]}"
+ label_alt: "[class_name='{win[class_name]}' exe='{win[process][name]}' hwnd={win[hwnd]}]"
+ label_no_window: ""
+ label_icon: true
+ label_icon_size: 12
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 3
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ max_length: 32
+ max_length_ellipsis: "..."
+ monitor_exclusive: true
+ taskbar:
+ type: "yasb.taskbar.TaskbarWidget"
+ options:
+ animation:
+ enabled: true
+ icon_size: 14
+ show_only_visible: false
+ tooltip: true
+ monitor_exclusive: true
+ hide_empty: true
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 3
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ preview:
+ enabled: true
+ width: 240
+ delay: 400
+ padding: 8
+ margin: 8
+ ignore_apps:
+ processes: []
+ titles: []
+ classes: []
+ container_padding:
+ top: 0
+ left: 0
+ bottom: 0
+ right: 0
+ callbacks:
+ on_left: "toggle_window"
+ on_middle: "do_nothing"
+ on_right: "context_menu"
+ cpu:
+ type: "yasb.cpu.CpuWidget"
+ options:
+ label: "\uf4bc {info[percent][total]}%"
+ label_alt: "\uf437 {info[histograms][cpu_percent]}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ update_interval: 2000
+ histogram_icons:
+ [
+ "\u2581", # 0%
+ "\u2581", # 10%
+ "\u2582", # 20%
+ "\u2583", # 30%
+ "\u2584", # 40%
+ "\u2585", # 50%
+ "\u2586", # 60%
+ "\u2587", # 70%
+ "\u2588" # 80%+
+ ]
+ histogram_num_columns: 8
+ callbacks:
+ on_right: "toggle_label"
+ on_left: "exec cmd /c Taskmgr"
+ container_padding:
+ top: 0
+ left: 8
+ bottom: 0
+ right: 0
+ memory:
+ type: "yasb.memory.MemoryWidget"
+ options:
+ label: "\uefc5 {virtual_mem_percent}%"
+ label_alt: "\uefc5 {virtual_mem_used}/{virtual_mem_total}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ update_interval: 5000
+ callbacks:
+ on_left: "toggle_label"
+ on_middle: "do_nothing"
+ on_right: "do_nothing"
+ container_padding:
+ top: 0
+ left: 6
+ bottom: 0
+ right: 8
+ wifi:
+ type: "yasb.wifi.WifiWidget"
+ options:
+ label: "{wifi_icon}"
+ label_alt: "{wifi_name} {wifi_strength}%"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ update_interval: 5000
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "do_nothing"
+ on_right: "exec cmd.exe /c start ms-settings:network`"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 1000
+ menu_config:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "#46dffb"
+ alignment: "center"
+ direction: "down"
+ offset_top: 0
+ offset_left: 0
+ wifi_icons_secured: [
+ "\ue670",
+ "\ue671",
+ "\ue672",
+ "\ue673",
+ ]
+ wifi_icons_unsecured: [
+ "\uec3c",
+ "\uec3d",
+ "\uec3e",
+ "\uec3f",
+ ]
+ container_padding:
+ top: 0
+ left: 8
+ bottom: 0
+ right: 8
+ wifi_icons: [
+ "\udb82\udd2e", # Icon for 0% strength
+ "\udb82\udd1f", # Icon for 1-20% strength
+ "\udb82\udd22", # Icon for 21-40% strength
+ "\udb82\udd25", # Icon for 41-80% strength
+ "\udb82\udd28" # Icon for 81-100% strength
+ ]
+ traffic:
+ type: "yasb.traffic.TrafficWidget"
+ options:
+ label: "\uf0ab {download_speed} \uf0aa {upload_speed}"
+ label_alt: "Today Down: {today_downloaded} | Today Up: {today_uploaded}"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ update_interval: 1000
+ max_label_length: 8
+ max_label_length_align: "center"
+ hide_decimal: true
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "do_nothing"
+ on_right: "toggle_label"
+ menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "small"
+ border_color: None
+ alignment: "right"
+ direction: "down"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 600
+ container_padding:
+ top: 0
+ left: 0
+ bottom: 0
+ right: 8
+ power_menu:
+ type: "yasb.power_menu.PowerMenuWidget"
+ options:
+ label: "\uf011"
+ label_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#00ffd2"
+ container_shadow:
+ enabled: true
+ offset: [-1, 2]
+ radius: 1
+ color: "#ff003c"
+ uptime: True
+ blur: True
+ blur_background: True
+ animation_duration: 200
+ button_row: 4
+ buttons:
+ shutdown: ["\udb81\ude8c", "Shut Down"]
+ restart: ["\ue00a", "Restart"]
+ signout: ["\ue009", "Sign out"]
+ sleep: ["\udb81\udcb2", "Sleep"]
+ cancel: ["", "Cancel"]
+ container_padding:
+ top: 0
+ left: 8
+ bottom: 0
+ right: 8
diff --git a/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/image.png b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/image.png
new file mode 100644
index 0000000..dd34d76
Binary files /dev/null and b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/image.png differ
diff --git a/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/readme.md b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/readme.md
new file mode 100644
index 0000000..4dbf2eb
--- /dev/null
+++ b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/readme.md
@@ -0,0 +1,9 @@
+# Edgerunners
+
+Theme inspired by the Cyberpunk 2077 HUD, lovingly crafted for all the Chooms on YASB!
+
+Color and font selection has been made easy thanks to cyberpunk-css by *alddesign*.
+
+The CSS has been adapted to Qt's limitations (QSS).
+
+Here you'll find the YAML and CSS files, fully customizable to your preferences or nee
\ No newline at end of file
diff --git a/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/styles.css b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/styles.css
new file mode 100644
index 0000000..5585d2d
--- /dev/null
+++ b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/styles.css
@@ -0,0 +1,1871 @@
+/*
+ * ============================================================================
+ * YASB CYBERPUNK THEME
+ * Adapted from cyberpunk-css by alddesign
+ * Optimized for yasb Qt Stylesheet limitations
+ *
+ * NOTE: It's recommended to download Oxanium and
+ * Blender Pro book fonts for this theme.
+ * ============================================================================
+ */
+
+/* ============================================================================
+ * 1. CSS VARIABLES
+ * ============================================================================ */
+:root {
+ /* Base Colors */
+ --yellow: #f8ef02;
+ --cyan: #00ffd2;
+ --red: #ff003c;
+ --blue: #136377;
+ --green: #1f9c1f;
+ --purple: #8b008b;
+ --pink: #ca04a9;
+ --black: #000;
+ --white: #fff;
+ --dark: #333;
+
+/* Neon Colors */
+ --yellow-neon: #feed00;
+ --cyan-neon1: #46dffb;
+ --cyan-neon2: #45aefb;
+ --pink-neon: #ff00d4;
+ --green-neon: #04d804;
+
+/* Background Overlays */
+ --bg-transparent: rgba(128, 128, 128, 0);
+ --bg-black-transparent: rgba(0, 0, 0, 0.4);
+ --bg-dark-transparent: rgba(51, 51, 51, 0.8);
+ --bg-blue-overlay: rgba(19, 99, 119, 0.3);
+ --bg-cyan-overlay: rgba(0, 255, 210, 0.1);
+ --bg-yellow-overlay: rgba(248, 239, 2, 0.1);
+ --bg-purple-overlay: rgba(139, 0, 139, 0.3);
+ --bg-pink-overlay: rgba(202, 4, 169, 0.3);
+ --bg-green-overlay: rgba(4, 216, 4, 0.3);
+ --bg-red-overlay: rgba(255, 0, 0, 0.3);
+
+/* Widget Specific */
+ --widget-background: rgba(19, 99, 119, 0.4);
+ --widget-hover: rgba(0, 255, 210, 0.2);
+ --widget-active: rgba(248, 239, 2, 0.3);
+}
+
+/* ============================================================================
+ * 2. GLOBAL STYLES
+ * ============================================================================ */
+
+/* Universal Reset */
+* {
+ margin: 0;
+ padding: 0;
+ font-size: 16px;
+ font-weight: 400;
+ font-family: "JetBrainsMono NFP";
+ color: var(--yellow-neon);
+}
+
+/* Main Bar */
+.yasb-bar {
+ padding: 0 2px;
+ border-top-width: 0px;
+ border-style: solid;
+ border-color: var(--red);
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 transparent,
+ stop: 1 var(--bg-black-transparent)
+ );
+}
+
+/* Widget Base */
+.widget {
+ padding: 0 2px;
+ margin: 0;
+}
+
+.widget .label {
+ font-family: "Blender Pro Book";
+ color: var(--yellow);
+}
+
+/* Icons */
+.icon {
+ font-size: 14px;
+ color: var(--cyan);
+ font-family: "JetBrainsMono NFP";
+}
+
+/* Tooltips */
+.tooltip {
+ padding: 8px -2px 8px 4px;
+ color: var(--red);
+ font-size: 16px;
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ background-color: var(--bg-dark-transparent);
+ border: 1px solid var(--cyan);
+ border-top-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+}
+
+/* ============================================================================
+ * 3. CONTEXT MENU
+ * ============================================================================ */
+.context-menu {
+ padding-top: 4px;
+ font-family: "Oxanium";
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 2px;
+ color: var(--yellow);
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 2px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.context-menu::right-arrow {
+ width: 8px;
+ height: 8px;
+ padding-right: 24px;
+}
+
+.context-menu::item,
+.context-menu .menu-checkbox {
+ padding: 6px 12px;
+ margin: 2px 6px;
+ min-width: 100px;
+ background-color: transparent;
+ border-top-right-radius: 11px;
+ border-bottom-left-radius: 11px;
+}
+
+.context-menu::item:selected,
+.context-menu .menu-checkbox:hover {
+ color: var(--yellow);
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--cyan);
+}
+
+.context-menu::item:disabled {
+ font-family: "Cyberpunk";
+ font-size: 18px;
+ font-weight: 600;
+ color: var(--cyan-neon1);
+ background-color: transparent;
+}
+
+.context-menu::separator {
+ height: 1px;
+ margin: 4px 8px;
+ background-color: var(--cyan-neon2);
+}
+
+/* Context Menu Checkbox */
+.context-menu .menu-checkbox {
+ padding-top: 4px;
+ font-family: "Oxanium";
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 2px;
+ color: var(--yellow);
+}
+
+.context-menu .menu-checkbox .checkbox {
+ padding: 8px 16px;
+ margin: 0;
+ font-size: 12px;
+ font-family: 'Oxanium';
+ letter-spacing: 2px;
+ color: var(--yellow);
+}
+
+.context-menu .menu-checkbox .checkbox:unchecked {
+ color: var(--red);
+}
+
+.context-menu .menu-checkbox .checkbox::indicator {
+ width: 12px;
+ height: 12px;
+ margin-left: 0px;
+ margin-right: 8px;
+}
+
+.context-menu .menu-checkbox .checkbox::indicator:unchecked {
+ background: var(--dark);
+ border-radius: 3px;
+}
+
+.context-menu .menu-checkbox .checkbox::indicator:checked {
+ background: var(--cyan);
+ border-radius: 6px;
+}
+
+.context-menu .submenu::item:disabled {
+ margin: 0;
+ padding-left: 16px;
+}
+
+/* ============================================================================
+ * 4. WIDGETS
+ * ============================================================================ */
+
+/* ----------------------------------------------------------------------------
+ * 4.1 HOME WIDGET
+ * ---------------------------------------------------------------------------- */
+.home-widget {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ margin-right: 2px;
+ max-width: 35px;
+}
+
+.home-widget .widget-container {
+ background-color: var(--widget-background);
+ border-top-right-radius: 9px;
+ border: 1px solid var(--cyan);
+}
+
+.home-widget .icon {
+ color: var(--yellow);
+ width: auto;
+}
+
+.home-widget .icon:hover {
+ color: var(--cyan);
+}
+
+.home-menu {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 1px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.home-menu .menu-item {
+ padding: 8px 48px 9px 16px;
+ font-size: 14px;
+ font-family: 'Blender Pro Book';
+ letter-spacing: 2px;
+ color: var(--yellow-neon);
+ font-weight: 600;
+}
+
+.home-menu .menu-item:hover {
+ background-color: var(--widget-hover);
+ color: var(--cyan);
+}
+
+.home-menu .separator {
+ max-height: 2px;
+ background-color: var(--cyan);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.2 WORKSPACE WIDGET
+ * ---------------------------------------------------------------------------- */
+.komorebi-workspaces {
+ font-family: "JetBrainsMono NFP";
+}
+
+.komorebi-workspaces .widget-container {
+ background-color: var(--widget-background);
+ max-height: 20px;
+ border-top-right-radius: 9px;
+ border-bottom-left-radius: 9px;
+ border: 1px solid var(--cyan);
+}
+
+.komorebi-workspaces .offline-status {
+ color: var(--red);
+ padding: 0 4px;
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.komorebi-workspaces .ws-btn {
+ border: 1px solid var(--cyan);
+ background-color: var(--bg-transparent);
+ margin: 0px 4px;
+ border-radius: 6px;
+ height: 10px;
+ width: 10px;
+}
+
+.komorebi-workspaces .ws-btn .label {
+ font-weight: normal;
+ background-color: var(--yellow);
+}
+
+.komorebi-workspaces .ws-btn:hover {
+ background-color: var(--cyan);
+ border: 1px solid var(--white);
+ border-radius: 6px;
+ color: var(--pink-neon);
+}
+
+.komorebi-workspaces .ws-btn.populated {
+ background-color: var(--bg-dark-transparent);
+ color: var(--red);
+ border: 1px solid var(--cyan);
+}
+
+.komorebi-workspaces .ws-btn.populated:hover {
+ border: 1px solid var(--cyan);
+}
+
+.komorebi-workspaces .ws-btn.active {
+ color: var(--cyan);
+ background-color: var(--widget-active);
+ border: 1px solid var(--cyan);
+ width: 40px;
+ height: 10px;
+ padding: 1px 3px 1px 3px;
+ border-radius: 6px;
+}
+
+.komorebi-workspaces .ws-btn.active:hover {
+ border: 1px solid var(--white);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.3 SYSTRAY WIDGET
+ * ---------------------------------------------------------------------------- */
+.systray {
+ font-size: 16px;
+ background: transparent;
+ border: none;
+ margin: 0;
+}
+
+.systray .unpinned-container {
+ background: var(--bg-purple-overlay);
+ border-top-right-radius: 9px;
+ border-bottom-left-radius: 9px;
+ border: 1px solid var(--yellow-neon);
+ max-height: 20px;
+}
+
+.systray .pinned-container {
+ background: transparent;
+}
+
+.systray .button {
+ border-radius: 6px;
+ padding: 2px 2px;
+}
+
+.systray .button:hover {
+ background: var(--widget-active);
+}
+
+.systray .unpinned-visibility-btn {
+ font-size: 24px;
+ width: 24px;
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ border: none;
+ color: var(--yellow);
+}
+
+.systray .unpinned-visibility-btn:checked {
+ color: var(--red);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.4 DISK WIDGET
+ * ---------------------------------------------------------------------------- */
+.disk-widget {
+ width: auto;
+}
+
+.disk-widget .widget-container {
+ padding-right: 3px;
+}
+
+.disk-widget .widget-container .label {
+ color: var(--cyan);
+ font-family: "JetBrainsMono NFP";
+ font-size: 14px;
+}
+
+.disk-widget .widget-container .label:hover {
+ color: var(--yellow);
+}
+
+.disk-widget .widget-container .label.alt {
+ color: var(--yellow);
+}
+
+.disk-widget .widget-container .label.alt:hover {
+ color: var(--cyan);
+}
+
+.disk-widget .progress-circle {
+ padding-right: 2px;
+}
+
+.disk-group {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 2px solid var(--yellow-neon);
+ border-radius: 6px;
+}
+
+.disk-group-row {
+ min-width: 250px;
+ max-width: 250px;
+ max-height: 40px;
+ border-top-right-radius: 16px;
+ border-bottom-left-radius: 16px;
+ border: 1px solid rgba(0, 255, 210, 0);
+}
+
+.disk-group-row:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--cyan);
+}
+
+.disk-group-label-bar {
+ max-height: 8px;
+ background-color: var(--bg-dark-transparent);
+ border-radius: 4px;
+}
+
+.disk-group-label-bar::chunk {
+ background-color: var(--pink-neon);
+ border-radius: 4px;
+}
+
+.disk-group-label {
+ font-size: 13px;
+ color: var(--yellow-neon);
+}
+
+.disk-group-label-size {
+ font-size: 12px;
+ color: var(--yellow);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.5 APPS WIDGET
+ * ---------------------------------------------------------------------------- */
+.apps-widget .widget-container {
+ width: auto;
+ padding-right: -6px;
+}
+
+.apps-widget .widget-container .label {
+ font-family: "JetBrainsMono NFP";
+ color: var(--cyan);
+ padding-right: 1px;
+ padding-left: -4px;
+}
+
+.apps-widget .widget-container .label:hover {
+ color: var(--yellow);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.6 MEDIA WIDGET
+ * ---------------------------------------------------------------------------- */
+.media-widget .widget-container {
+ background-color: var(--widget-background);
+ max-height: 20px;
+ max-width: 150px;
+ padding: 0 2px 0 4px;
+ border-top-right-radius: 9px;
+ border-bottom-left-radius: 9px;
+ border: 1px solid var(--cyan);
+}
+
+.media-widget .label {
+ color: var(--yellow-neon);
+ font-size: 16px;
+}
+
+.media-widget .btn {
+ color: var(--cyan);
+ padding-right: 5px;
+ font-size: 14px;
+}
+
+.media-widget .btn:hover {
+ color: var(--yellow);
+}
+
+.media-widget .btn.play {
+ font-size: 17px;
+}
+
+.media-widget .btn.disabled:hover,
+.media-widget .btn.disabled {
+ color: var(--dark);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.7 MEDIA MENU WIDGET
+ * ---------------------------------------------------------------------------- */
+.media-menu {
+ min-width: 420px;
+ max-width: 420px;
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 3px solid var(--yellow-neon);
+ border-radius: 6px;
+}
+
+.media-menu .title,
+.media-menu .artist,
+.media-menu .source {
+ font-size: 24px;
+ font-weight: 600;
+ padding-left: 0px;
+ width: auto;
+ font-family: 'Blender Pro Book';
+ color: var(--yellow-neon);
+ qproperty-alignment: 'AlignCenter';
+}
+
+.media-menu .artist {
+ font-size: 16px;
+ color: var(--cyan);
+ margin-top: 4px;
+ margin-bottom: 8px;
+}
+
+.media-menu .source {
+ font-size: 16px;
+ color: var(--black);
+ font-weight: normal;
+ border-radius: 0px;
+ background-color: var(--yellow);
+ border: 1px solid var(--cyan);
+}
+
+.media-menu .source.firefox {
+ background-color: var(--red);
+ color: var(--white);
+}
+
+.media-menu .source.spotify {
+ background-color: var(--green);
+ color: var(--white);
+}
+
+.media-menu .source.edge {
+ background-color: var(--blue);
+ color: var(--white);
+}
+
+.media-menu .source.windows-media {
+ background-color: var(--blue);
+ color: var(--white);
+}
+
+.media-menu .btn {
+ font-family: "JetBrainsMono NFP";
+ font-size: 24px;
+ font-weight: 400;
+ margin-left: 65px;
+ min-width: 40px;
+ max-width: 40px;
+ min-height: 40px;
+ max-height: 40px;
+ border-radius: 20px;
+}
+
+.media-menu .btn.prev {
+ padding-left: 0;
+ margin-left: 8px;
+}
+
+.media-menu .btn:hover {
+ color: var(--yellow);
+ background-color: var(--widget-hover);
+}
+
+.media-menu .btn.play {
+ font-size: 20px;
+}
+
+.media-menu .btn.disabled:hover,
+.media-menu .btn.disabled {
+ color: var(--dark);
+ background-color: var(--bg-transparent);
+}
+
+.media-menu .playback-time {
+ font-size: 13px;
+ font-family: 'BlenderProBook';
+ color: var(--cyan);
+ margin-top: 20px;
+ min-width: 100px;
+}
+
+.media-menu .progress-slider {
+ height: 10px;
+ margin: 5px 4px;
+ border-radius: 0px;
+}
+
+.media-menu .progress-slider::groove {
+ background: var(--bg-blue-overlay);
+ height: 2px;
+ border-radius: 0px;
+}
+
+.media-menu .progress-slider::groove:hover {
+ background: var(--bg-cyan-overlay);
+ height: 6px;
+ border-radius: 0px;
+}
+
+.media-menu .progress-slider::sub-page {
+ background-color: var(--cyan);
+ border-radius: 4px;
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.8 VOLUME WIDGET
+ * ---------------------------------------------------------------------------- */
+.volume-widget {
+ width: auto;
+}
+
+.volume-widget .icon {
+ color: var(--cyan);
+ margin-right: 4px;
+}
+
+.volume-widget .icon:hover {
+ color: var(--yellow);
+}
+
+.audio-menu {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 2px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.audio-menu .system-volume-container {
+ border-radius: 12px;
+}
+
+.audio-menu .system-volume-container .volume-slider {
+ border: none;
+ border-radius: 2px;
+ height: auto;
+ width: auto;
+}
+
+.audio-menu .system-volume-container .volume-slider::groove {
+ background-color: var(--red);
+ border-radius: 2px;
+ height: 4px;
+ margin: 4px 0;
+}
+
+.audio-menu .system-volume-container .volume-slider::handle {
+ background-color: var(--cyan-neon2);
+ border-radius: 5px;
+ height: 12px;
+ width: 12px;
+ margin: -8px 0;
+}
+
+.audio-menu .system-volume-container .volume-slider::handle:hover {
+ background-color: var(--cyan-neon1);
+}
+
+.audio-menu .audio-container .device {
+ background-color: transparent;
+ border: none;
+ padding: 6px 4px 6px 4px;
+ margin-top: 2px;
+ font-size: 14px;
+ border-top-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+.audio-menu .audio-container .device.selected {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--yellow-neon);
+ color: var(--red);
+}
+
+.audio-menu .audio-container .device:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--cyan);
+}
+
+.audio-menu .toggle-apps {
+ background-color: transparent;
+ border: none;
+ margin-left: 6px;
+ margin-right: 4px;
+ border-radius: 0px;
+}
+
+.audio-menu .toggle-apps:hover {
+ color: var(--cyan);
+}
+
+.audio-menu .toggle-apps.expanded {
+ color: var(--red);
+}
+
+.audio-menu .toggle-apps.expanded:hover {
+ color: var(--cyan);
+}
+
+.audio-menu .apps-container {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--bg-pink-overlay),
+ stop: 1 var(--bg-transparent)
+ );
+ border-top-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ border-left: 1px solid var(--pink-neon);
+ border-bottom: 1px solid var(--pink-neon);
+ padding-right: 4px;
+}
+
+.audio-menu .apps-container .app-volume {
+ padding-left: 2px;
+ padding-right: 8px;
+ min-height: 24px;
+ max-height: 24px;
+}
+
+.audio-menu .apps-container .app-volume:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-transparent)
+ );
+ border-bottom-left-radius: 12px;
+}
+
+.audio-menu .apps-container .app-volume .app-icon-container .app-icon {
+ font-size: 24px;
+}
+
+.audio-menu .apps-container .app-volume .app-slider {
+ border-bottom-left-radius: 12px;
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.9 CLOCK AND CALENDAR WIDGETS
+ * ---------------------------------------------------------------------------- */
+.clock-widget {
+ padding-right: -1px;
+ margin: 0;
+}
+
+.clock-widget .widget-container {
+ background-color: var(--widget-background);
+ max-height: 20px;
+ border-bottom-left-radius: 9px;
+ border: 1px solid var(--cyan);
+}
+
+.clock-widget .icon {
+ color: var(--cyan);
+ margin-right: 6px;
+}
+
+.clock-widget .label {
+ padding-right: 4px;
+}
+
+/* Calendar Popup */
+.clock-popup {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 1px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.clock-popup.calendar {
+ border: 2px solid var(--yellow-neon);
+}
+
+.clock-popup.alarm {
+ width: auto;
+ height: auto;
+}
+
+.clock-popup.calendar .calendar-table {
+ border-left: 1px solid var(--yellow);
+ border-right: 1px solid var(--yellow);
+ padding-left: -5px;
+}
+
+.clock-popup.calendar .calendar-table,
+.clock-popup.calendar .calendar-table::item {
+ background-color: transparent;
+ color: var(--cyan);
+ font-family: 'Blender Pro Book';
+ letter-spacing: 2px;
+}
+
+.clock-popup.calendar .calendar-table::item:hover {
+ color: var(--yellow);
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 0.5 var(--widget-hover),
+ stop: 1 var(--bg-transparent)
+ );
+ border-bottom-left-radius: 8px;
+}
+
+.clock-popup.calendar .calendar-table::item:selected {
+ color: var(--black);
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 0.5 var(--widget-active),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--cyan);
+ border-top-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+}
+
+.clock-popup.calendar .day-label,
+.clock-popup.calendar .month-label,
+.calendar .date-label {
+ font-family: 'Blender Pro Book';
+ font-size: 16px;
+ letter-spacing: 2px;
+ color: var(--yellow-neon);
+ font-weight: 700;
+ min-width: 180px;
+ max-width: 180px;
+}
+
+.clock-popup.calendar .day-label {
+ margin-top: 20px;
+}
+
+.clock-popup.calendar .week-label {
+ color: var(--pink-neon);
+}
+
+.clock-popup.calendar .month-label {
+ font-size: 25px;
+ font-weight: normal;
+ color: var(--cyan);
+}
+
+.calendar .date-label {
+ font-size: 100px;
+ font-weight: 900;
+ color: var(--yellow-neon);
+}
+
+.clock-popup.calendar .extended-container {
+ padding-left: 16px;
+}
+
+.clock-popup.calendar .upcoming-events-header {
+ color: var(--green-neon);
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ font-size: 32px;
+ border-bottom: 1px solid var(--cyan);
+ background-color: transparent;
+ padding-bottom: 6px;
+ margin-top: 6px;
+}
+
+.clock-popup.calendar .upcoming-events-item {
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ font-size: 16px;
+ margin-top: 8px;
+}
+
+.clock-popup.calendar .extended-container .button {
+ background-color: transparent;
+ border: none;
+ color: var(--cyan);
+ font-family: "Oxanium";
+ margin-bottom: 8px;
+ padding: 4px 0px;
+}
+
+.clock-popup.calendar .extended-container .button:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 1 var(--bg-transparent)
+ );
+ border-top-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/* Timer and Alarm */
+.clock-popup .clock-label-timer,
+.clock-popup .alarm-input-title {
+ font-size: 24px;
+ font-family: "Blender Pro Book";
+ font-weight: 900;
+ letter-spacing: 2px;
+ margin: 8px 0px;
+ background-color: transparent;
+ width: auto;
+ color: var(--yellow);
+}
+
+.clock-popup .clock-input-time {
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+}
+
+.clock-popup.timer .button,
+.clock-popup.alarm .button {
+ background-color: transparent;
+ border: 1px solid var(--bg-transparent);
+ font-family: "Oxanium";
+ font-size: 12px;
+ letter-spacing: 2px;
+ padding: 3px;
+ margin: 0px 2px;
+ width: auto;
+}
+
+.clock-popup.timer .button:hover,
+.clock-popup.alarm .button:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-transparent)
+ );
+ border-bottom-left-radius: 12px;
+}
+
+.clock-popup .button.day:checked,
+.clock-popup .button.quick-option:checked {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--cyan);
+ border-top-right-radius: 9px;
+ border-bottom-left-radius: 9px;
+}
+
+.clock-popup .alarm-input-title {
+ font-family: "Blender Pro Book";
+ border: 1px solid var(--cyan);
+ border-top-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin: 0px 4px;
+ padding-left: 4px;
+}
+
+.clock-popup .button.start,
+.clock-popup .button.save,
+.clock-popup .button.cancel {
+ margin: 8px;
+}
+
+.active-alarm-window .button:hover,
+.clock-popup.alarm .button.cancel:hover,
+.clock-popup.timer .button.cancel:hover {
+ background-color: var(--bg-red-overlay);
+ border: 1px solid var(--red);
+ border-top-right-radius: 12px;
+}
+
+.clock-popup.timer .button.start:hover,
+.clock-popup.alarm .button.save:hover {
+ background-color: var(--bg-cyan-overlay);
+ border: 1px solid var(--cyan-neon1);
+ border-top-right-radius: 12px;
+}
+
+/* Active Alarm Window */
+.active-alarm-window {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 0, y2: 1,
+ stop: 0 var(--bg-red-overlay),
+ stop: 1 var(--bg-transparent)
+ );
+ border: 1px solid var(--red);
+ border-radius: 8px;
+}
+
+.active-alarm-window .alarm-title-icon {
+ font-size: 32px;
+ margin-top: 4px;
+}
+
+.active-alarm-window .alarm-info,
+.active-alarm-window .alarm-title {
+ font-size: 24px;
+ font-family: "Oxanium";
+}
+
+.active-alarm-window .alarm-info {
+ color: var(--red);
+ margin-top: 12px;
+}
+
+.active-alarm-window .alarm-title {
+ color: var(--cyan);
+}
+
+.active-alarm-window .button {
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ background: transparent;
+ border: none;
+ margin: 12px 4px;
+ font-size: 18px;
+ padding: 0px 5px;
+}
+
+.active-alarm-window .button:hover {
+ border-bottom-left-radius: 12px;
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.10 WEATHER WIDGET
+ * ---------------------------------------------------------------------------- */
+.weather-widget {
+ padding: 0;
+ margin: 0;
+ width: auto;
+}
+
+.weather-widget .widget-container {
+ background-color: var(--widget-background);
+ max-height: 20px;
+ border-top-right-radius: 9px;
+ border: 1px solid var(--cyan);
+ padding-left: 4px;
+}
+
+.weather-widget .icon {
+ font-size: 16px;
+ margin-right: 4px;
+ color: none;
+}
+
+.weather-card {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 2px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.weather-card-today .label {
+ font-family: "Blender Pro Book";
+ font-size: 16px;
+ letter-spacing: 2px;
+ padding-bottom: 16px;
+ color: var(--yellow-neon);
+}
+
+.weather-card-today .label.location {
+ background-color: transparent;
+ width: auto;
+ font-size: 38px;
+ font-weight: 700;
+ color: var(--cyan);
+ padding-bottom: 2px;
+ border-bottom: 1px solid var(--blue);
+}
+
+.weather-card-today .label.alert {
+ font-size: 12px;
+ font-weight: 700;
+ background-color: var(--bg-red-overlay);
+ border: 1px solid var(--red);
+ color: var(--yellow);
+ border-radius: 8px;
+ padding: 5px 0;
+}
+
+.weather-card-day {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 0, y2: 1,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-transparent)
+ );
+ border-top-right-radius: 24px;
+}
+
+.weather-card-day:hover {
+ border: 1px solid var(--cyan);
+ border-bottom: none;
+}
+
+.weather-card-day.active {
+ border: 1px solid var(--yellow);
+ border-bottom: none;
+}
+
+.weather-card-day .label {
+ font-family: "Oxanium";
+ font-size: 12px;
+ letter-spacing: 2px;
+ color: var(--cyan);
+}
+
+.weather-card .hourly-container {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--bg-black-transparent),
+ stop: 1 var(--bg-transparent)
+ );
+ min-height: 150px;
+ border-top-right-radius: 24px;
+ border-bottom-left-radius: 24px;
+ border-bottom-right-radius: 8px;
+ margin: 0px 10px;
+}
+
+.weather-card .hourly-data {
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ color: var(--yellow-neon);
+ padding-right: 50px;
+}
+
+.weather-card .hourly-data.temperature {
+ letter-spacing: 0px;
+ background-color: var(--red);
+}
+
+.weather-card .hourly-data.rain {
+ background-color: var(--cyan-neon2);
+}
+
+.weather-card .hourly-data.snow {
+ background-color: var(--white);
+}
+
+.weather-card .hourly-data .hourly-rain-animation {
+ color: var(--cyan);
+ background-color: var(--blue);
+}
+
+.weather-card .hourly-data .hourly-snow-animation {
+ color: var(--white);
+ background-color: var(--blue);
+}
+
+.weather-card .hourly-data-buttons {
+ margin-top: 235px;
+ margin-left: 5px;
+ padding: 0;
+}
+
+.weather-card .hourly-data-button {
+ color: var(--green);
+}
+
+.weather-card .hourly-data-button:hover {
+ color: var(--green-neon);
+ background-color: var(--widget-hover);
+ border-radius: 7px;
+}
+
+.weather-card .hourly-data-button.active {
+ color: var(--green-neon);
+ background-color: var(--widget-active);
+ border-radius: 7px;
+ height: auto;
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.11 ACTIVE WINDOW WIDGET
+ * ---------------------------------------------------------------------------- */
+.active-window-widget {
+ margin-right: -2px;
+}
+
+.active-window-widget .widget-container {
+ background-color: var(--widget-background);
+ max-height: 20px;
+ border-bottom-left-radius: 9px;
+ border: 1px solid var(--cyan);
+ border-right: none;
+}
+
+.active-window-widget .icon {
+ padding: 2px 4px;
+ color: var(--cyan);
+}
+
+.active-window-widget .label {
+ color: var(--yellow-neon);
+ qproperty-alignment: 'AlignVCenter';
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.12 TASKBAR WIDGET
+ * ---------------------------------------------------------------------------- */
+.taskbar-widget .app-container {
+ background-color: var(--widget-background);
+ margin: 5px 0px;
+ margin-right: 4px;
+ padding: 0 4px;
+ border-top-right-radius: 5px;
+ border: 1px solid var(--cyan);
+}
+
+.taskbar-widget .app-container.foreground {
+ background-color: var(--widget-active);
+ border: 1px solid var(--yellow);
+}
+
+.taskbar-widget .app-container.flashing {
+ background-color: var(--bg-red-overlay);
+ border: 1px solid var(--red);
+}
+
+.taskbar-widget .app-container.running {
+ background-color: var(--bg-green-overlay);
+ border: 1px solid var(--green-neon);
+}
+
+.taskbar-widget .app-container:hover {
+ background-color: var(--bg-pink-overlay);
+ border: 1px solid var(--cyan);
+}
+
+.taskbar-preview {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--cyan),
+ stop: 1 var(--purple)
+ );
+ border: 2px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.taskbar-preview .header {
+ padding: 4px 4px;
+ margin-bottom: 4px;
+}
+
+.taskbar-preview .header .title {
+ font-size: 14px;
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ qproperty-alignment: "AlignVCenter";
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.13 CPU AND MEMORY WIDGETS
+ * ---------------------------------------------------------------------------- */
+.cpu-widget .widget-container {
+ margin-left: -8px;
+}
+
+.cpu-widget .label,
+.memory-widget .label {
+ color: var(--yellow-neon);
+}
+
+.cpu-widget .icon,
+.memory-widget .icon {
+ color: var(--cyan);
+ margin-right: 4px;
+}
+
+.memory-widget {
+ padding-left: 0;
+}
+
+.memory-widget .widget-container {
+ margin-right: -8px;
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.14 WIFI WIDGET
+ * ---------------------------------------------------------------------------- */
+.wifi-widget {
+ width: auto;
+}
+
+.wifi-widget .widget-container {
+ margin: 0 -4px;
+ padding-left: 0;
+}
+
+.wifi-widget .icon {
+ color: var(--cyan);
+}
+
+.wifi-widget .label {
+ font-family: "JetBrainsMono NFP";
+ color: var(--cyan);
+}
+
+.wifi-menu {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--cyan),
+ stop: 1 var(--purple)
+ );
+ border: 3px solid var(--yellow-neon);
+ border-radius: 8px;
+ max-height: 350px;
+ min-height: 375px;
+ min-width: 375px;
+}
+
+.wifi-menu .progress-bar {
+ max-height: 3px;
+ max-width: 372px;
+ padding-left: 5px;
+}
+
+.wifi-menu .progress-bar::chunk {
+ background-color: var(--green-neon);
+}
+
+.wifi-menu .header {
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ font-size: 18px;
+ qproperty-alignment: "AlignHCenter";
+ margin-top: 8px;
+ padding: 4px 0;
+}
+
+.wifi-menu .error-message {
+ font-family: "Blender Pro Book";
+ font-size: 16px;
+ font-weight: 900;
+ letter-spacing: 2px;
+ text-decoration: underline;
+ background-color: var(--bg-pink-overlay);
+ border-radius: 8px;
+ border: 2px solid var(--red);
+ color: var(--black);
+ padding: 2px 0px;
+ min-width: 355px;
+ min-height: 24px;
+ margin: 4px 12px 4px 10px;
+}
+
+.wifi-menu .wifi-list {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-transparent),
+ stop: 1 var(--bg-dark-transparent)
+ );
+ border: 3px solid var(--yellow-neon);
+ border-radius: 8px;
+ margin-right: 12px;
+ margin-left: 8px;
+}
+
+.wifi-menu .wifi-item {
+ background-color: transparent;
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ font-size: 20px;
+ color: var(--cyan);
+ min-height: 35px;
+ padding: 2px 12px;
+ margin: 2px 4px;
+ border-bottom-left-radius: 12px;
+}
+
+.wifi-menu .wifi-item:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-transparent)
+ );
+ color: var(--yellow);
+}
+
+.wifi-menu .wifi-item[active=true] {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--yellow-neon);
+ color: var(--red);
+}
+
+.wifi-menu .wifi-item .icon {
+ font-family: "Segoe Fluent Icons";
+ font-size: 26px;
+ margin-right: 10px;
+}
+
+.wifi-menu .wifi-item .name {
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ font-size: 18px;
+ margin-right: 10px;
+}
+
+.wifi-menu .wifi-item .password {
+ font-family: "Segoe Fluent Icons";
+ background-color: transparent;
+ font-size: 14px;
+}
+
+.wifi-menu .wifi-item .status {
+ font-family: "Segoe Fluent Icons";
+ font-size: 14px;
+}
+
+.wifi-menu .wifi-item .strength {
+ font-family: "Segoe Fluent Icons";
+ font-size: 14px;
+}
+
+.wifi-menu .wifi-item .controls-container {
+ padding-top: 8px;
+}
+
+.wifi-menu .wifi-item .connect {
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-black-transparent)
+ );
+ padding: 4px 30px;
+ border-radius: 4px;
+ border: 1px solid var(--cyan);
+ font-size: 18px;
+}
+
+.wifi-menu .wifi-item .connect:pressed {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--yellow-neon);
+ color: var(--red);
+}
+
+.wifi-menu .footer {
+ font-weight: 600;
+ margin: 4px 0;
+ padding: 0px 90px;
+}
+
+.wifi-menu .footer .settings-button {
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--bg-black-transparent),
+ stop: 0.5 var(--bg-dark-transparent),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 2px solid var(--blue);
+ border-bottom-left-radius: 8px;
+ border-top-right-radius: 8px;
+ margin: 0 12px;
+ padding: 0 8px;
+ min-width: 26px;
+ min-height: 26px;
+ color: var(--yellow);
+}
+
+.wifi-menu .footer .settings-button:hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--cyan-overlay),
+ stop: 0.2 var(--cyan-overlay),
+ stop: 1 var(--yellow)
+ );
+ border: 2px solid var(--purple);
+ border-bottom-left-radius: 8px;
+ border-top-right-radius: 8px;
+ color: var(--pink-neon);
+}
+
+.wifi-menu .footer .refresh-icon {
+ font-family: "Segoe Fluent Icons";
+ background-color: transparent;
+ border: none;
+ min-width: 26px;
+ min-height: 26px;
+ color: var(--purple);
+}
+
+.wifi-menu .footer .refresh-icon:hover {
+ background-color: var(--bg-dark-transparent);
+ color: var(--yellow-neon);
+ border-radius: 8px;
+ border: 1px solid var(--yellow);
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.15 TRAFFIC WIDGET
+ * ---------------------------------------------------------------------------- */
+.traffic-widget {
+ margin: 0;
+}
+
+.traffic-widget .widget-container {
+ padding: 0px -8px 0px 8px;
+ margin: 0;
+ background-color: var(--widget-background);
+ max-height: 20px;
+ border-top-right-radius: 9px;
+ border-bottom-left-radius: 9px;
+ border: 1px solid var(--cyan);
+}
+
+.traffic-widget .label {
+ padding: 0 4px;
+ color: var(--yellow-neon);
+}
+
+.traffic-widget .label.offline {
+ color: var(--white);
+}
+
+.traffic-widget .icon {
+ color: var(--pink-neon);
+}
+
+.traffic-widget .icon.offline {
+ color: var(--red);
+}
+
+.traffic-menu {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border: 2px solid var(--yellow-neon);
+ border-radius: 8px;
+}
+
+.traffic-menu .header {
+ border-bottom: 1px solid var(--cyan);
+ margin-bottom: 8px;
+}
+
+.traffic-menu .header .title {
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ font-size: 18px;
+ padding: 12px;
+}
+
+.traffic-menu .header .reset-button {
+ background-color: transparent;
+ border: none;
+ font-family: "Blender Pro Book";
+ letter-spacing: 2px;
+ padding: 0px 4px;
+ margin: 0 4px;
+ border-left: 1px solid black;
+}
+
+.traffic-menu .header .reset-button:hover {
+ padding: 2px;
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-active),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--red);
+ border-bottom-left-radius: 5px;
+ border-top-right-radius: 5px;
+ color: var(--red);
+}
+
+.traffic-menu .interface-info {
+ height: 50px;
+ padding: 12px 6px 6px 6px;
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ color: var(--cyan);
+}
+
+.traffic-menu .internet-info {
+ height: 50px;
+ padding: 0px 6px 6px;
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+ color: var(--green-neon);
+}
+
+.traffic-menu .section {
+ padding: 0px 12px;
+}
+
+.traffic-menu .section-title {
+ margin: 16px 0 8px;
+ font-family: "Oxanium";
+ font-size: 18px;
+ letter-spacing: 2px;
+ qproperty-alignment: "AlignHCenter";
+ color: var(--cyan-neon2);
+}
+
+.traffic-menu .data-text {
+ color: var(--cyan-neon1);
+}
+
+.traffic-menu .data-text.session-upload-text,
+.traffic-menu .data-text.session-download-text,
+.traffic-menu .data-text.session-duration-text,
+.traffic-menu .data-text.today-upload-text,
+.traffic-menu .data-text.today-download-text,
+.traffic-menu .data-text.alltime-upload-text,
+.traffic-menu .data-text.alltime-download-text {
+ font-family: "Blender Pro Book";
+ font-size: 24px;
+ letter-spacing: 2px;
+}
+
+.traffic-menu .data-value.session-upload-value,
+.traffic-menu .data-value.session-download-value,
+.traffic-menu .data-value.session-duration-value,
+.traffic-menu .data-value.today-upload-value,
+.traffic-menu .data-value.today-download-value,
+.traffic-menu .data-value.alltime-upload-value,
+.traffic-menu .data-value.alltime-download-value {
+ font-family: "Blender Pro Book";
+ font-size: 18px;
+ letter-spacing: 2px;
+ qproperty-alignment: "AlignRight";
+ margin-top: 5px;
+}
+
+.traffic-menu .upload-speed,
+.traffic-menu .download-speed {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 1, y2: 0,
+ stop: 0 var(--widget-hover),
+ stop: 1 var(--bg-black-transparent)
+ );
+ border: 1px solid var(--cyan);
+ border-top-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 8px;
+ min-width: 70px;
+}
+
+.traffic-menu .speed-separator {
+ background-color: var(--cyan);
+ max-height: 1px;
+}
+
+.traffic-menu .upload-speed-value,
+.traffic-menu .download-speed-value {
+ font-family: "Oxanium";
+ letter-spacing: 2px;
+}
+
+.traffic-menu .upload-speed-unit,
+.traffic-menu .download-speed-unit {
+ font-size: 12px;
+}
+
+/* ----------------------------------------------------------------------------
+ * 4.16 POWER MENU WIDGET
+ * ---------------------------------------------------------------------------- */
+.power-menu-widget {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ margin-right: 2px;
+ max-width: 35px;
+}
+
+.power-menu-widget .widget-container {
+ background-color: var(--widget-background);
+ border-top-right-radius: 9px;
+ border: 1px solid var(--cyan);
+}
+
+.power-menu-widget .label {
+ font-family: "JetBrainsMono NFP";
+ font-size: 14px;
+ color: var(--yellow);
+}
+
+.power-menu-widget .label:hover {
+ color: var(--red);
+}
+
+.power-menu-popup {
+ background-color: qlineargradient(
+ x1: 0, y1: 1,
+ x2: 0, y2: 0,
+ stop: 0 var(--bg-cyan-overlay),
+ stop: 1 var(--bg-purple-overlay)
+ );
+ border-top-right-radius: 20px;
+ border-bottom-left-radius: 20px;
+ border: 5px solid var(--yellow);
+}
+
+.power-menu-popup .button {
+ padding: 0px;
+ width: 180px;
+ height: 180px;
+ border-top-right-radius: 20px;
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 0, y2: 1,
+ stop: 0 var(--bg-red-overlay),
+ stop: 1 var(--bg-transparent)
+ );
+ border: 3px solid var(--bg-blue-overlay);
+ border-bottom: none;
+ margin: 5px;
+}
+
+.power-menu-popup .button.hover {
+ background-color: qlineargradient(
+ x1: 0, y1: 0,
+ x2: 0, y2: 1,
+ stop: 0.2 var(--bg-black-transparent),
+ stop: 0.5 var(--bg-red-overlay),
+ stop: 1 var(--bg-transparent)
+ );
+ border: 3px solid var(--cyan);
+ border-bottom: none;
+}
+
+.power-menu-popup .button .label {
+ margin-bottom: 8px;
+ font-size: 24px;
+ font-weight: 500;
+ color: var(--red);
+ font-family: "Cyberpunk";
+}
+
+.power-menu-popup .button .icon {
+ font-size: 64px;
+ padding-top: 32px;
+ color: var(--blue);
+}
+
+.power-menu-popup .button.hover .label,
+.power-menu-popup .button.hover .icon {
+ color: var(--yellow);
+}
+
+.power-menu-popup .button.cancel .icon {
+ padding: 0;
+ margin: 0;
+}
+
+.power-menu-popup .button.cancel .label {
+ font-size: 54px;
+}
+
+.power-menu-popup .button.cancel {
+ height: 64px;
+ border: 3px solid var(--bg-blue-overlay);
+}
+
+.power-menu-popup .button.cancel:hover {
+ border: 3px solid var(--cyan);
+}
+
+.uptime {
+ font-family: "Blender Pro Book";
+ font-size: 24px;
+ font-weight: 600;
+ letter-spacing: 2px;
+ margin-bottom: 10px;
+ color: var(--red);
+}
+
+/* ============================================================================
+ * END OF STYLESHEET
+ * ============================================================================ */
diff --git a/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/theme.json b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/theme.json
new file mode 100644
index 0000000..e957a4c
--- /dev/null
+++ b/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/theme.json
@@ -0,0 +1 @@
+{"id": "cd2adf60-84a1-436d-a0a9-95ac4c288928", "name": "Edgerunners", "description": "Theme inspired by the Cyberpunk 2077 HUD style.", "homepage": "https://github.com/kalashnikxvxiii/Edgerunners-Theme-Yasb", "style": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/styles.css", "config": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/config.yaml", "readme": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/readme.md", "image": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/cd2adf60-84a1-436d-a0a9-95ac4c288928/image.png", "author": "kalashnikxvxiii", "publish_date": "2026-01-13T18:30:27.004839"}
\ No newline at end of file