diff --git a/yasb/config.yaml b/yasb/config.yaml
index b3f65a2..ffdd6e9 100644
--- a/yasb/config.yaml
+++ b/yasb/config.yaml
@@ -1,233 +1,347 @@
+# GlazeWM | Catppuccin Mocha | Glazing Mocha
+# Place this file at: C:/users/{username}/.config/yasb/config.yaml
+# You need to Replace {username} with your username and insert your wallpaper path at line 76. also provide the info at line 305 to use the ai chat.
watch_stylesheet: true
watch_config: true
debug: false
update_check: true
+show_systray: true
+glazewm:
+ start_command: "glazewm.exe start"
+ stop_command: "glazewm.exe command wm-exit"
+ reload_command: "glazewm.exe command wm-exit && glazewm.exe start"
bars:
- primary-bar:
- enabled: true
- screens: ["primary"]
+ yasb-bar:
+ screens: ['primary']
class_name: "yasb-bar"
alignment:
position: "top"
- center: false
- animation:
- enabled: true
- duration: 400
+ align: "center"
blur_effect:
enabled: true
- acrylic: false
- dark_mode: false
- round_corners: false
- round_corners_type: "normal"
- border_color: "system"
+ acrylic: true
+ dark_mode: true
+ round_corners: true
+ border_color: "None"
window_flags:
always_on_top: false
windows_app_bar: true
+ hide_on_fullscreen: true
dimensions:
width: "100%"
- height: 32
+ height: 36
padding:
- top: 0
- left: 0
+ top: 3
+ left: 6
bottom: 0
- right: 0
+ right: 6
+ animation:
+ enabled: true
+ duration: 500
widgets:
left:
- - "home"
- - "quick_launch"
+ - "power_menu"
+ - "notes"
+ - "todo"
+ - "bin"
+ - "ai_chat"
+ - "glazewm_workspaces"
center:
- - "clock"
+ - "cpu"
+ - "gpu"
+ - "pomodoro"
+ - "memory"
+ - "disk"
right:
- - "systray"
- - "cpu"
- - "memory"
- - "open_meteo"
- - "volume"
- - "notifications"
- - "power_menu"
+ - "systray"
+ - "wallpapers"
+ - "brightness"
+ - "bluetooth"
+ - "wifi"
+ - "open_meteo"
+ - "volume"
+ - "ethernet"
+ - "clock"
+ - "notifications"
widgets:
- home:
- type: "yasb.home.HomeWidget"
+ wallpapers:
+ type: "yasb.wallpapers.WallpapersWidget"
options:
- label: "\ue700"
- 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
- round_corners: true
- round_corners_type: "normal"
- border_color: "System"
- alignment: "center"
- quick_launch:
- type: "yasb.quick_launch.QuickLaunchWidget"
+ label: ""
+ image_path: "Path to wallpapers" # Set your path
+ update_interval: 60
+ gallery:
+ enabled: true
+ blur: true
+ image_width: 420
+ image_per_page: 4
+ image_spacing: 10
+ lazy_load: true
+ lazy_load_delay: 10
+ lazy_load_fadein: 200
+ image_corner_radius: 20
+ orientation: "portrait"
+ enable_cache: true
+ callbacks:
+ on_left: "toggle_gallery"
+ on_right: "toggle_label"
+ bin:
+ type: "yasb.recycle_bin.RecycleBinWidget"
options:
- label: "\ue721"
- search_placeholder: "Search applications..."
- max_results: 30
- show_icons: true
- icon_size: 16
- compact_text: true
- providers:
- apps:
- enabled: true
- prefix: "*"
- priority: 0
- show_recent: true
- max_recent: 5
- show_description: true
- popup:
- width: 720
- height: 480
+ label: "{icon}{items_count}"
+ label_alt: "Items {items_count}, Total size ({items_size})"
+ icons:
+ bin_empty: "\udb82\ude7a"
+ bin_filled: "\udb82\ude79"
+ callbacks:
+ on_left: 'exec "C:/Users/{username}/Desktop/file_explorer.lnk" shell:RecycleBinFolder'
+ on_right: "empty_bin"
+ on_middle: "do_nothing"
+ show_confirmation: true
+ label_shadow:
+ enabled: true
+ color: "black"
+ radius: 3
+ offset: [ 1, 1 ]
+ glazewm_workspaces:
+ type: "glazewm.workspaces.GlazewmWorkspacesWidget"
+ options:
+ offline_label: "GlazeWM Offline"
+ hide_empty_workspaces: true
+ hide_if_offline: false
+ monitor_exclusive: true
+ enable_scroll_switching: true
+ animation: true
+ clock:
+ type: "yasb.clock.ClockWidget"
+ options:
+ label: "\uf017 {%H:%M}"
+ label_alt: "\uf017 {%A, %d %B %Y}"
+ locale: ""
+ update_interval: 1000
+ timezones: []
+ tooltip: true
+ calendar:
blur: true
round_corners: true
round_corners_type: "normal"
border_color: "system"
- dark_mode: true
- callbacks:
- on_left: "toggle_quick_launch"
- keybindings:
- - keys: "alt+space"
- action: "toggle_quick_launch"
- screen: "primary"
- clock:
- type: "yasb.clock.ClockWidget"
- options:
- label: "{%a, %d %b %H:%M}"
- label_alt: "{%A, %d %B %Y %H:%M}"
- timezones: []
- calendar:
- blur: true
- round_corners: true
- alignment: "center"
- direction: "down"
- extended: false
- show_years: true
- show_holidays: false
- show_week_numbers: true
- callbacks:
- on_left: "toggle_calendar"
- on_middle: "toggle_label"
- on_right: "context_menu"
- systray:
- type: yasb.systray.SystrayWidget
- options:
- class_name: systray
- label_collapsed: "\ue70d"
- label_expanded: "\ue70e"
- label_position: right
- pin_click_modifier: ctrl
- show_unpinned: false
- show_battery: false
- show_volume: false
- icon_size: 16
- use_hook: true
- show_in_popup: true
- icons_per_row: 5
- popup:
- blur: true
- round_corners: true
- round_corners_type: "normal"
- border_color: None
alignment: "center"
direction: "down"
offset_top: 6
offset_left: 0
- open_meteo:
- type: "yasb.open_meteo.OpenMeteoWidget"
- options:
- label: "\ue706{temp}"
- label_alt: "{location}: Min {min_temp}, Max {max_temp}, Humidity {humidity}"
- tooltip: true
- update_interval: 600
- hide_decimal: true
- units: "metric"
+ show_week_numbers: false
+ show_years: true
+ extended: false
callbacks:
- on_left: "toggle_card"
+ on_left: "toggle_label"
on_middle: "do_nothing"
- on_right: "toggle_label"
- icons:
- sunnyDay: "\ue706"
- clearNight: "\uec46"
- weather_card:
- blur: true
- alignment: "right"
- direction: "down"
- icon_size: 32
- show_hourly_forecast: true
- time_format: "24h"
- hourly_point_spacing: 76
- hourly_icon_size: 16
- icon_smoothing: true
- temp_line_width: 2
- current_line_color: "#8EAEE8"
- current_line_width: 1
- current_line_style: "dot"
- hourly_forecast_buttons:
- enabled: false
- weather_animation:
- enabled: true
- snow_overrides_rain: true
- temp_line_animation_style: both
- rain_effect_intensity: 1.0
- snow_effect_intensity: 1.0
- scale_with_chance: true
- volume:
- type: "yasb.volume.VolumeWidget"
- options:
- label: "{icon}"
- label_alt: "{icon}{level}"
- tooltip: true
- volume_icons:
- - "\ue74f"
- - "\ue992"
- - "\ue993"
- - "\ue994"
- - "\ue995"
- callbacks:
- on_left: "toggle_volume_menu"
- on_right: "toggle_mute"
- cpu:
- type: "yasb.cpu.CpuWidget"
- options:
- label: "\ueea1 {info[percent][total]}%"
- label_alt: "\ueea1 {info[freq][current]} MHz"
- update_interval: 2000
- menu:
+ on_right: "toggle_calendar"
+ animation:
enabled: true
- show_graph: true
- show_graph_grid: true
- graph_history_size: 60
- callbacks:
- on_left: toggle_menu
- on_middle: do_nothing
- on_right: toggle_label
- memory:
- type: "yasb.memory.MemoryWidget"
+ type: "fadeInOut"
+ duration: 200
+ pomodoro:
+ type: "yasb.pomodoro.PomodoroWidget"
options:
- label: "\ueea1 {virtual_mem_free}"
- label_alt: "\ueea1 VIRT: {virtual_mem_percent}% SWAP: {swap_mem_percent}%"
- update_interval: 5000
+ label: "{icon} {remaining}"
+ label_alt: "{icon} {session}/{total_sessions} - {status}"
+ work_duration: 25
+ break_duration: 5
+ long_break_duration: 15
+ long_break_interval: 4
+ auto_start_breaks: true
+ auto_start_work: true
+ sound_notification: true
+ show_notification: true
+ hide_on_break: false
+ session_target: 8
+ icons:
+ work: "\uf252"
+ break: "\uf253"
+ paused: "\uf254"
+ menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "center"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ circle_background_color: "#1e1e2e"
+ circle_work_progress_color: "#cba6f7"
+ circle_break_progress_color: "#a6e3a1"
+ circle_thickness: 8
+ circle_size: 160
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "reset_timer"
+ on_right: "toggle_label"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ notes:
+ type: "yasb.notes.NotesWidget"
+ options:
+ label: "\udb82\udd0c {count}"
+ label_alt: "{count} notes"
+ menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "center"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ max_title_size: 150
+ show_date_time: true
+ icons:
+ note: "\udb82\udd0c"
+ delete: "\ueab8"
+ copy: "\uebcc"
+ float_on: "\udb84\udcac"
+ float_off: "\udb84\udca9"
+ close: "\uf00d"
callbacks:
on_left: "toggle_menu"
on_middle: "do_nothing"
on_right: "toggle_label"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ todo:
+ type: "yasb.todo.TodoWidget"
+ options:
+ label: "\uf0ae {count}"
+ label_alt: "\uf0ae {completed}/{count} done"
+ menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ alignment: "center"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ icons:
+ add: "\uf501 New Task"
+ edit: "Edit"
+ delete: "Delete"
+ date: "\ue641"
+ category: "\uf412"
+ checked: "\udb80\udd34"
+ unchecked: "\udb80\udd30"
+ sort: "\ueab4"
+ no_tasks: "\uf4a0"
+ categories:
+ default:
+ label: "General"
+ soon:
+ label: "Complete soon"
+ today:
+ label: "End of day"
+ urgent:
+ label: "Urgent"
+ important:
+ label: "Important"
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "do_nothing"
+ on_right: "toggle_label"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ ai_chat:
+ type: "yasb.ai_chat.AiChatWidget"
+ options:
+ label: "\uDB81\uDE74"
+ chat:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ alignment: "center"
+ direction: "down"
+ offset_left: 0
+ offset_top: 6
+ icons:
+ attach: "\uf067"
+ send: "\uf1d8"
+ stop: "\uf04d"
+ clear: "\uf1f8"
+ assistant: "\udb81\ude74"
+ float_on: "\udb84\udcac"
+ float_off: "\udb84\udca9"
+ close: "\uf00d"
+ copy: "\uebcc"
+ copy_check: "\uf00c"
+ start_floating: false
+ callbacks:
+ on_left: "toggle_chat"
+ on_middle: "do_nothing"
+ on_right: "do_nothing"
+ providers:
+ - provider: "Ollama"
+ api_endpoint: "http://localhost:11434/v1" #default
+ credential: "ollama"
+ models:
+ - name: "" #you can find the name using 'ollama list'
+ label: "You have to set it up in the config.yaml"
+ default: true
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ notifications:
+ type: "yasb.notifications.NotificationsWidget"
+ options:
+ label: "\udb80\udc9e {count}"
+ label_alt: "{count} notifications"
+ hide_empty: true
+ tooltip: true
+ icons:
+ new: "\udb80\udc9e"
+ default: "\udb80\udc9a"
+ callbacks:
+ on_left: "toggle_notification"
+ on_middle: "do_nothing"
+ on_right: "toggle_label"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ cpu:
+ type: "yasb.cpu.CpuWidget"
+ options:
+ label: "\uf4bc {info[percent][total]}%"
+ label_alt: "\uf437 {info[freq][current]} MHz"
+ update_interval: 2000
+ cpu_thresholds:
+ low: 25
+ medium: 50
+ high: 90
+ histogram_icons:
+ - "\u2581"
+ - "\u2581"
+ - "\u2582"
+ - "\u2583"
+ - "\u2584"
+ - "\u2585"
+ - "\u2586"
+ - "\u2587"
+ - "\u2588"
+ histogram_num_columns: 8
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "do_nothing"
+ on_right: "exec cmd /c Taskmgr"
menu:
enabled: true
- show_graph: true
- show_graph_grid: true
- graph_history_size: 60
- power_menu:
- type: "yasb.power_menu.PowerMenuWidget"
- options:
- label: "\ue712"
- uptime: true
- show_user: true
- menu_style: "popup"
- popup:
blur: true
round_corners: true
round_corners_type: "normal"
@@ -236,23 +350,317 @@ widgets:
direction: "down"
offset_top: 6
offset_left: 0
- profile_image_size: 64
- buttons:
- lock: ["\ue72e", "Lock"]
- signout: ["\uf3b1", "Sign out"]
- sleep: ["\uec46", "Sleep"]
- hibernate: ["\ue66d", "Hibernate"]
- restart: ["\ue72c", "Restart"]
- shutdown: ["\ue7e8", "Shut Down"]
- cancel: ["", "Cancel"]
- notifications:
- type: "yasb.notifications.NotificationsWidget"
+ show_graph: true
+ show_graph_grid: false
+ graph_history_size: 60
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ memory:
+ type: "yasb.memory.MemoryWidget"
options:
- label: "\uf2a3"
- label_alt: "{count} notifications"
- hide_empty: true
- tooltip: false
+ label: "\uefc5 {virtual_mem_percent}%"
+ label_alt: "\uefc5 {virtual_mem_used}/{virtual_mem_total}"
+ update_interval: 5000
+ memory_thresholds:
+ low: 25
+ medium: 50
+ high: 90
callbacks:
- on_left: "toggle_notification"
- on_right: "do_nothing"
+ on_left: "toggle_menu"
on_middle: "do_nothing"
+ on_right: "toggle_label"
+ menu:
+ enabled: true
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ show_graph: true
+ show_graph_grid: false
+ graph_history_size: 60
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ disk:
+ type: "yasb.disk.DiskWidget"
+ options:
+ label: "\uf473 {space[used][percent]}"
+ label_alt: "\uf473 {space[used][gb]} / {space[total][gb]}"
+ volume_label: "C"
+ update_interval: 60
+ disk_thresholds:
+ low: 50
+ medium: 75
+ high: 90
+ group_label:
+ volume_labels: ["C"]
+ show_label_name: true
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ callbacks:
+ on_left: "toggle_label"
+ on_middle: "do_nothing"
+ on_right: "exec cmd /c start \"\" \"C:/Users/{username}/Desktop/wiztree.lnk\""
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ gpu:
+ type: "yasb.gpu.GpuWidget"
+ options:
+ label: "\udb81\udd03 {info[utilization]}%"
+ label_alt: "\udb81\udd03 {info[temp]}°C | {info[mem_used]}"
+ gpu_index: 0
+ update_interval: 2000
+ gpu_thresholds:
+ low: 25
+ medium: 50
+ high: 90
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "do_nothing"
+ on_right: "toggle_label"
+ menu:
+ enabled: true
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ show_graph: true
+ show_graph_grid: false
+ graph_history_size: 60
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ brightness:
+ type: "yasb.brightness.BrightnessWidget"
+ options:
+ label: "{icon}"
+ label_alt: "Brightness {percent}%"
+ tooltip: true
+ hide_unsupported: true
+ brightness_toggle_level: [0, 50, 100]
+ brightness_icons:
+ - "\udb80\udcde"
+ - "\udb80\udcdd"
+ - "\udb80\udcdf"
+ - "\udb80\udce0"
+ brightness_menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ callbacks:
+ on_left: "toggle_label"
+ on_middle: "do_nothing"
+ on_right: "toggle_brightness_menu"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ volume:
+ type: "yasb.volume.VolumeWidget"
+ options:
+ label: "{icon} {level}"
+ label_alt: "Vol {volume}"
+ volume_icons:
+ - "\ueee8"
+ - "\uf026"
+ - "\uf027"
+ - "\uf027"
+ - "\uf028"
+ scroll_step: 2
+ slider_beep: false
+ tooltip: true
+ audio_menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ show_apps: true
+ show_app_labels: false
+ show_app_icons: true
+ show_apps_expanded: false
+ callbacks:
+ on_left: "toggle_volume_menu"
+ on_middle: "do_nothing"
+ on_right: "toggle_mute"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ bluetooth:
+ type: "yasb.bluetooth.BluetoothWidget"
+ options:
+ label: "{icon}"
+ label_alt: "{device_name}"
+ label_no_device: "No devices"
+ label_device_separator: ", "
+ tooltip: true
+ icons:
+ bluetooth_on: "\udb80\udcaf"
+ bluetooth_off: "\udb80\udcb2"
+ bluetooth_connected: "\udb80\udcb1"
+ callbacks:
+ on_left: "toggle_label"
+ on_right: "exec cmd.exe /c start ms-settings:bluetooth"
+ on_middle: "do_nothing"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ wifi:
+ type: "yasb.wifi.WifiWidget"
+ options:
+ label: "{wifi_icon}"
+ label_alt: "{wifi_name} {wifi_strength}%"
+ update_interval: 5000
+ wifi_icons:
+ - "\udb82\udd2e"
+ - "\udb82\udd1f"
+ - "\udb82\udd22"
+ - "\udb82\udd25"
+ - "\udb82\udd28"
+ ethernet_icon: "\ueba9"
+ ethernet_label: "{wifi_icon}"
+ ethernet_label_alt: "{wifi_icon} {ip_addr}"
+ hide_if_ethernet: true
+ get_exact_wifi_strength: false
+ callbacks:
+ on_left: "toggle_label"
+ on_middle: "exec cmd.exe /c start ms-settings:network"
+ on_right: "toggle_menu"
+ menu_config:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ open_meteo:
+ type: "yasb.open_meteo.OpenMeteoWidget"
+ options:
+ label: "{icon} {feelslike}"
+ label_alt: "{location}: {min_temp}↓ {max_temp}↑"
+ tooltip: true
+ update_interval: 600
+ hide_decimal: true
+ units: "metric"
+ callbacks:
+ on_left: "toggle_label"
+ on_middle: "do_nothing"
+ on_right: "toggle_card"
+ animation:
+ enabled: true
+ type: "fadeInOut"
+ duration: 200
+ weather_card:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "none"
+ alignment: "right"
+ direction: "down"
+ icon_size: 48
+ show_hourly_forecast: true
+ time_format: "12h"
+ hourly_point_spacing: 76
+ hourly_icon_size: 24
+ icon_smoothing: true
+ temp_line_width: 2
+ current_line_color: "#8EAEE8"
+ current_line_width: 1
+ current_line_style: "dot"
+ hourly_gradient:
+ enabled: false
+ top_color: "#8EAEE8"
+ bottom_color: "#2A3E68"
+ hourly_forecast_buttons:
+ enabled: true
+ default_view: "temperature"
+ temperature_icon: "\udb81\udd99"
+ rain_icon: "\udb81\udd96"
+ snow_icon: "\udb81\udd98"
+ weather_animation:
+ enabled: false
+ snow_overrides_rain: true
+ temp_line_animation_style: both
+ rain_effect_intensity: 1.0
+ snow_effect_intensity: 1.0
+ scale_with_chance: true
+ label_shadow:
+ enabled: true
+ color: "black"
+ radius: 3
+ offset: [1, 1]
+ systray:
+ type: "yasb.systray.SystrayWidget"
+ options:
+ class_name: "systray"
+ label_collapsed: "\udb81\udfc3"
+ label_expanded: "\udb81\udf98"
+ label_position: "left"
+ icon_size: 16
+ pin_click_modifier: "alt"
+ show_unpinned: true
+ show_unpinned_button: true
+ show_battery: false
+ show_volume: false
+ show_network: true
+ tooltip: true
+ ethernet:
+ type: "yasb.custom.CustomWidget"
+ options:
+ class_name: "ethernet"
+ label: ""
+ label_alt: "Network Diagnostic Required"
+ callbacks:
+ on_left: 'exec powershell.exe -Command "Start-Process https://rroll.to/iHgSMg"'
+ power_menu:
+ type: "yasb.power_menu.PowerMenuWidget"
+ options:
+ label: "\uf011"
+ uptime: true
+ show_user: true
+ blur: false
+ blur_background: true
+ animation_duration: 120
+ button_row: 3
+ profile_image_size: 80
+ buttons:
+ lock: ["\uea75", "Lock"]
+ sleep: ["\u23fe", "Sleep"]
+ restart: ["\uead2", "Restart"]
+ shutdown: ["\uf011", "Shut Down"]
+ signout: ["\udb80\udf43", "Sign out"]
+ cancel: ["\udb81\udf3a", "Cancel"]
diff --git a/yasb/styles.css b/yasb/styles.css
index b161401..d182229 100644
--- a/yasb/styles.css
+++ b/yasb/styles.css
@@ -1,1094 +1,267 @@
-:root {
- --bar-dark-bg: rgba(36, 36, 36, 0.6);
- --bar-light-bg: rgba(255, 255, 255, 0.75);
- --bar-dark-border: #303030;
- --bar-light-border: #e7e7e7;
- --dark-menu-bg: rgba(36, 36, 36, 0.6);
- --light-menu-bg: rgba(255, 255, 255, 0.75);
- --dark-color: rgb(65, 65, 65);
- --dark-dim-color: rgb(117, 117, 117);
- --light-color: rgba(255, 255, 255, 0.9);
- --light-dim-color: rgba(255, 255, 255, 0.6);
- --dark-icon-color: rgb(36, 36, 36);
- --light-icon-color: rgba(255, 255, 255, 0.9);
-}
-* {
- font-size: 12px;
- font-weight: 400;
- font-family: "Segoe UI", "Segoe Fluent Icons"
-}
-.dark.yasb-bar {
- background-color: var(--bar-dark-bg);
- border-bottom: 1px solid var(--bar-dark-border);
- padding: 0 12px;
-}
-.yasb-bar {
- background-color: var(--bar-light-bg);
- border-bottom: 1px solid var(--bar-light-border);
- padding: 0 12px;
-}
-.tooltip {
- background-color: rgba(36, 36, 36, 0.95);
- border-radius: 4px;
- color: rgba(255, 255, 255, 0.9);
- padding: 5px 10px;
- font-size: 12px;
- font-family: 'Segoe UI';
- font-weight: 600;
- margin-top: 4px;
-}
-.context-menu,
-.context-menu .menu-checkbox {
- background-color: rgba(26, 26, 26, 0.6);
- padding: 4px 0px;
- font-family: 'Segoe UI';
- font-size: 12px;
- color: rgba(255, 255, 255, 0.9);
-}
-.context-menu {
- border-radius: 8px;
- border: 1px solid rgba(255, 255, 255, 0.075);
-}
-.context-menu::right-arrow {
- width: 8px;
- height: 8px;
- padding-right: 24px;
-}
-.context-menu::item,
-.context-menu .menu-checkbox {
- background-color: transparent;
- padding: 6px 12px;
- margin: 2px 6px;
- border-radius: 6px;
- min-width: 100px;
-}
-.context-menu::item:selected,
-.context-menu .menu-checkbox:hover {
- background-color: rgba(255, 255, 255, 0.1);
- color: #FFFFFF;
-}
-.context-menu::separator {
- height: 1px;
- background-color: #404040;
- margin: 4px 8px;
-}
-.context-menu::item:disabled {
- color: #666666;
- background-color: transparent;
-}
-.context-menu .menu-checkbox .checkbox {
- border: none;
- padding: 8px 16px;
- font-size: 12px;
- margin: 0;
- color: rgba(255, 255, 255, 0.9);
- font-family: 'Segoe UI'
-}
-.context-menu .submenu::item:disabled {
- margin: 0;
- padding-left: 16px;
-}
-.context-menu .menu-checkbox .checkbox:unchecked {
- color: rgba(255, 255, 255, 0.9);
-}
-.context-menu .menu-checkbox .checkbox::indicator {
- width: 12px;
- height: 12px;
- margin-left: 0px;
- margin-right: 8px;
-}
-.context-menu .menu-checkbox .checkbox::indicator:unchecked {
- background: #444444;
- border-radius: 2px;
-}
-.context-menu .menu-checkbox .checkbox::indicator:checked {
- background: #4a90e2;
- border-radius: 2px;
-}
-.context-menu .menu-checkbox .checkbox:focus {
- outline: none;
-}
-.widget {
- padding: 2px 8px 0 8px;
- margin: 4px 0;
- border-radius: 4px;
-}
-
-.widget .icon {
- font-size: 16px;
- font-weight: 400;
- color: var(--dark-icon-color);
-}
-.yasb-bar.dark .widget .icon {
- font-size: 16px;
- font-weight: 400;
- color: var(--light-icon-color);
-}
-.widget .label {
- padding: 0px 0px 4px 4px;
- color: var(--dark-color)
-}
-
-.yasb-bar.dark .widget .label {
- color: var(--light-color);
-}
-.widget:hover {
- background-color: rgba(0, 0, 0, 0.08);
-}
-.dark .widget:hover {
- background-color: rgba(255, 255, 255, 0.08);
-}
-
-/* Quick Launch Popup - main window */
-.quick-launch-popup .container {
- background-color: var(--light-menu-bg);
-}
-.dark .quick-launch-popup .container {
- background-color: var(--dark-menu-bg);
-}
-/* Search bar container */
-.quick-launch-popup .search {
- padding: 12px 16px;
- background-color: transparent;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-.dark .quick-launch-popup .search {
- border-bottom: 1px solid rgba(255, 255, 255, 0.15);
-}
-/* Search loader line color */
-.quick-launch-popup .search .loader-line {
- color: #449bff;
-}
-.quick-launch-popup .search .search-icon {
- font-family: "Segoe Fluent Icons";
- font-size: 18px;
- color: var(--dark-color);
- padding-right: 8px;
- min-width: 18px;
-}
-.dark .quick-launch-popup .search .search-icon {
- color: var(--light-color);
-}
-.quick-launch-popup .search .search-submit-icon {
- font-family: "Segoe Fluent Icons";
- font-size: 18px;
- color: var(--dark-color);
- min-width: 18px;
-}
-.dark .quick-launch-popup .search .search-submit-icon {
- color: var(--light-color);
-}
-.quick-launch-popup .search .search-input {
- background: transparent;
- border: none;
- color: var(--dark-color);
- font-size: 16px;
- font-family: "Segoe UI";
- font-weight: 400;
- padding: 4px 0;
-}
-.dark .quick-launch-popup .search .search-input {
- color: var(--light-color);
-}
-/* Search prefix styling (e.g., ">" for commands) */
-.quick-launch-popup .search .prefix {
- background: #2167d8;
- border-radius: 6px;
- color: #ffffff;
- padding: -2px 8px 0px 8px;
- margin-top: 2px;
- margin-right: 4px;
- font-size: 13px;
- font-weight: 600;
- font-family: "Segoe UI";
- max-height: 28px;
-}
-
-/* Results list */
-.quick-launch-popup .results {
- background: transparent;
- padding: 8px;
-}
-/* Individual result item here you can set font szie for title */
-.quick-launch-popup .results-list-view {
- font-size: 14px;
- font-family: "Segoe UI";
- font-weight: 600;
- color: var(--dark-color)
-}
-.dark .quick-launch-popup .results-list-view {
- color: var(--light-color);
-}
-.quick-launch-popup .results-list-view .description {
- color: var(--dark-dim-color);
- font-size: 11px;
- font-family: "Segoe UI";
- font-weight: 600;
-}
-.dark .quick-launch-popup .results-list-view .description {
- color: var(--light-dim-color);
-}
-.quick-launch-popup .results-list-view .separator {
- color: var(--dark-dim-color);
- font-size: 13px;
- font-family: 'Segoe UI';
- font-weight: 600;
- padding: 4px 0 4px 12px;
-}
-/* Result item hover and selected states */
-.quick-launch-popup .results-list-view::item {
- padding: 4px 12px;
- border-radius: 8px;
-}
-.quick-launch-popup .results-list-view::item:hover,
-.quick-launch-popup .results-list-view::item:selected {
- background-color: rgba(128, 130, 158, 0.1);
-}
-/* Empty state when no results found */
-.quick-launch-popup .results-empty-text {
- font-size: 24px;
- font-family: "Segoe UI";
- color: rgb(255, 255, 255);
- padding-top: 8px;
-}
-
-/* Preview Pane */
-.quick-launch-popup .preview {
- background: rgba(0, 0, 0, 0);
- border-left: 1px solid rgba(255, 255, 255, 0.06);
-}
-.quick-launch-popup .preview .preview-text {
- font-size: 13px;
- color: rgba(255, 255, 255, 0.85);
- padding: 8px 12px;
- font-family: "Segoe UI";
- background-color: rgba(255, 255, 255, 0.03);
- border: none;
-}
-.quick-launch-popup .preview .preview-image {
- background-color: rgba(255, 255, 255, 0.03);
- padding: 8px 12px;
-}
-.quick-launch-popup .preview .preview-meta {
- padding: 6px 12px;
- border-top: 1px solid rgba(255, 255, 255, 0.06);
- font-family: "Segoe UI";
-}
-.quick-launch-popup .preview .preview-meta .preview-title {
- font-size: 14px;
- font-weight: 600;
- color: rgb(255, 255, 255);
- font-family: "Segoe UI";
- margin-bottom: 10px;
- margin-left: -2px;
-}
-
-.quick-launch-popup .preview .preview-meta .preview-subtitle {
- font-size: 12px;
- color: rgba(255, 255, 255, 0.8);
- font-family: "Segoe UI";
- padding-bottom: 1px;
-}
-
-/* Preview inline edit form (.preview.edit) */
-.quick-launch-popup .preview.edit .preview-title {
- font-size: 13px;
- font-family: "Segoe UI";
- font-weight: 600;
- color: #ffffff;
- padding: 8px 12px 4px 12px;
-}
-.quick-launch-popup .preview.edit .preview-line-edit {
- background: rgba(255, 255, 255, 0.06);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px;
- color: #ffffff;
- font-size: 13px;
- font-family: "Segoe UI";
- padding: 6px 8px;
- margin: 0 12px;
-}
-.quick-launch-popup .preview.edit .preview-line-edit:focus {
- border-color: rgba(255, 255, 255, 0.3);
-}
-.quick-launch-popup .preview.edit .preview-text-edit {
- background: rgba(255, 255, 255, 0.06);
- border: 1px solid rgba(255, 255, 255, 0.12);
- border-radius: 4px;
- color: #ffffff;
- font-size: 13px;
- font-family: "Segoe UI";
- padding: 6px 8px;
- margin: 0 12px;
-}
-.quick-launch-popup .preview.edit .preview-text-edit:focus {
- border-color: rgba(255, 255, 255, 0.3);
-}
-.quick-launch-popup .preview.edit .preview-actions {
- padding: 8px 12px;
-}
-.quick-launch-popup .preview.edit .preview-btn {
- background: rgb(45, 46, 48);
- border: none;
- border-radius: 4px;
- color: rgba(255, 255, 255, 0.8);
- font-size: 12px;
- font-family: "Segoe UI";
- font-weight: 600;
- padding: 4px 16px;
-}
-.quick-launch-popup .preview.edit .preview-btn:hover {
- background: rgb(59, 60, 63);
-}
-.quick-launch-popup .preview.edit .preview-btn.save {
- background: rgb(12, 81, 190);
- color: #ffffff;
-}
-.quick-launch-popup .preview.edit .preview-btn.save:hover {
- background: rgb(19, 90, 204);
-}
-
-.cpu-popup,
-.memory-popup {
- background-color: var(--light-menu-bg);
- min-width: 400px;
- max-width: 400px;
-}
-.dark .cpu-popup,
-.dark .memory-popup {
- background-color: var(--dark-menu-bg);
- min-width: 400px;
- max-width: 400px;
-}
-
-.cpu-popup .header,
-.memory-popup .header {
- background: transparent;
- padding: 12px 16px;
-}
-.cpu-popup .header .text,
-.memory-popup .header .text {
- font-size: 16px;
- font-family: "Segoe UI";
-
-}
-.cpu-popup .header .pin-btn,
-.memory-popup .header .pin-btn {
- font-size: 14px;
- background: transparent;
- font-family: "Segoe Fluent Icons";
- border: none;
- padding: 6px;
- color: var(--dark-dim-color)
-}
-.dark .cpu-popup .header .pin-btn,
-.dark .memory-popup .header .pin-btn {
- color: var(--light-dim-color);
-}
-.cpu-popup .header .pin-btn:hover,
-.memory-popup .header .pin-btn:hover {
- color: var(--dark-dim-color)
-}
-.dark .cpu-popup .header .pin-btn:hover,
-.dark .memory-popup .header .pin-btn:hover {
- color: var(--light-dim-color);
-}
-.cpu-popup .header .pin-btn.pinned,
-.memory-popup .header .pin-btn.pinned {
- color: var(--dark-color)
-}
-.dark .cpu-popup .header .pin-btn.pinned,
-.dark .memory-popup .header .pin-btn.pinned {
- color: var(--light-color);
-}
-/* Graph area */
-.cpu-popup .graph-container,
-.memory-popup .graph-container {
- background: transparent;
- min-height: 64px;
-}
-.cpu-popup .cpu-graph,
-.memory-popup .memory-graph {
- color: #0f6bff;
- /* <-- set the graph line/fill color */
-}
-.cpu-popup .cpu-graph-grid,
-.memory-popup .memory-graph-grid {
- color: rgba(0, 0, 0, 0.05);
- /* set the grid line color */
-}
-.dark .cpu-popup .cpu-graph-grid,
-.dark .memory-popup .memory-graph-grid {
- color: rgba(255, 255, 255, 0.05);
- /* set the grid line color */
-}
-.cpu-popup .graph-title,
-.memory-popup .graph-title {
- font-size: 12px;
- color: var(--dark-dim-color);
- font-family: 'Segoe UI';
- padding: 0px 0px 4px 14px;
-}
-.dark .cpu-popup .graph-title,
-.dark .memory-popup .graph-title {
- color: var(--light-dim-color);
-}
-/* Stats grid */
-.cpu-popup .stats,
-.memory-popup .stats {
- background: transparent;
- padding: 16px;
-}
-.cpu-popup .stats .stat-item,
-.memory-popup .stats .stat-item {
- background-color: rgba(255, 255, 255, 0.03);
- border: 1px solid rgba(255, 255, 255, 0.04);
- border-radius: 8px;
- padding: 8px 12px;
- margin: 8px;
-}
-.cpu-popup .stats .stat-item,
-.memory-popup .stats .stat-item {
- background-color: rgba(255, 255, 255, 0.35);
- border: 1px solid rgba(255, 255, 255, 0.6);
- border-radius: 8px;
- padding: 8px 12px;
- margin: 8px;
-}
-.dark .cpu-popup .stats .stat-item,
-.dark .memory-popup .stats .stat-item {
- background-color: rgba(255, 255, 255, 0.03);
- border: 1px solid rgba(255, 255, 255, 0.04);
- border-radius: 8px;
- padding: 8px 12px;
- margin: 8px;
-}
-.cpu-popup .stats .stat-label,
-.memory-popup .stats .stat-label {
- font-size: 13px;
- color: var(--dark-dim-color);
- font-family: 'Segoe UI';
- font-weight: 400;
- padding: 6px 4px 2px 4px;
-}
-.dark .cpu-popup .stats .stat-label,
-.dark .memory-popup .stats .stat-label {
- color: var(--light-dim-color);
-}
-.cpu-popup .stats .stat-value,
-.memory-popup .stats .stat-value {
- font-size: 20px;
- font-weight: 700;
- color: var(--dark-color);
- font-family: 'Segoe UI';
- padding: 0 4px 12px 4px;
-}
-.dark .cpu-popup .stats .stat-value,
-.dark .memory-popup .stats .stat-value {
- color: var(--light-color);
-}
-
-.power-menu-widget .label {
- font-size: 16px;
- padding: 0;
-}
-.power-menu-compact {
- min-width: 260px;
- background-color: var(--light-menu-bg)
-}
-.dark .power-menu-compact {
- min-width: 260px;
- background-color: var(--dark-menu-bg);
-}
-.power-menu-compact .profile-info {
- padding: 12px 0 24px 0;
-}
-
-.power-menu-compact .profile-info .profile-username {
- font-size: 16px;
- font-weight: 600;
- color: var(--dark-dim-color);
- font-family: 'Segoe UI';
- margin-top: 4px;
-}
-.dark .power-menu-compact .profile-info .profile-username {
- color: var(--light-dim-color);
-}
-.power-menu-compact .profile-info .profile-account-type {
- font-size: 12px;
- color: #ffffff;
- font-weight: 600;
- margin-top: 8px;
- font-family: 'Segoe UI';
- background-color: #0f68dd;
- padding: 2px 6px;
- border-radius: 6px;
-}
-.power-menu-compact .profile-info .profile-email {
- font-size: 13px;
- color: var(--dark-dim-color);
- margin-top: 2px;
- font-family: 'Segoe UI';
-}
-.dark .power-menu-compact .profile-info .profile-email {
- color: var(--light-dim-color);
-}
-.power-menu-compact .manage-accounts {
- font-size: 12px;
- background-color: rgba(255, 255, 255, 0.08);
- font-family: 'Segoe UI';
- font-weight: 600;
- padding: 2px 8px;
- margin-top: 16px;
- border-radius: 6px;
- border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.power-menu-compact .manage-accounts:hover {
- background-color: rgba(255, 255, 255, 0.15);
-}
-.power-menu-compact .buttons {
- background-color: rgba(255, 255, 255, 0.35);
- margin: 0 12px 12px 12px;
- border-radius: 8px;
-}
-.dark .power-menu-compact .buttons {
- background-color: rgba(255, 255, 255, 0.03);
- margin: 0 12px 12px 12px;
- border-radius: 8px;
-}
-.power-menu-compact .button {
- padding: 8px 16px;
- background-color: transparent;
- border: none;
- border-radius: 0;
-}
-.power-menu-compact .button.hover {
- background-color: rgba(255, 255, 255, 0.4);
-}
-.dark .power-menu-compact .button.hover {
- background-color: rgba(255, 255, 255, 0.05);
-}
-.power-menu-compact .button.lock.hover {
- border-top-right-radius: 8px;
- border-top-left-radius: 8px;
-}
-.power-menu-compact .button.shutdown.hover {
- border-bottom-right-radius: 8px;
- border-bottom-left-radius: 8px;
-}
-.power-menu-compact .button .icon {
- font-size: 14px;
- font-weight: 400;
- color: var(--dark-color);
- padding-right: 10px;
- min-width: 20px;
-}
-.dark .power-menu-compact .button .icon {
- color: var(--light-color);
-}
-.power-menu-compact .button .label {
- font-size: 13px;
- font-weight: 500;
- font-family: "Segoe UI";
- color: var(--dark-dim-color)
-}
-.dark .power-menu-compact .button .label {
- color: var(--light-dim-color);
-}
-
-.power-menu-compact .icon.hover,
-.power-menu-compact .label.hover {
- color: var(--dark-color)
-}
-.dark .power-menu-compact .icon.hover,
-.dark .power-menu-compact .label.hover {
- color: var(--light-color);
-}
-.dark .open-meteo-widget .icon {
- color: #F6E3B4
-}
-.open-meteo-card {
- background-color: var(--light-menu-bg);
- min-width: 500px;
-}
-.dark .open-meteo-card {
- background-color: var(--dark-menu-bg);
- min-width: 500px;
-}
-.open-meteo-card-today .label {
- font-size: 13px;
- font-family: "Segoe UI";
- font-weight: 400;
- color: var(--dark-dim-color)
-}
-.dark .open-meteo-card-today .label {
- color: var(--light-dim-color);
-}
-.open-meteo-card-today .label.location {
- font-size: 32px;
- font-weight: 700;
- font-family: "Segoe UI";
- color: var(--dark-color)
-}
-.dark .open-meteo-card-today .label.location {
- color: var(--light-color);
-}
-.open-meteo-card-today .label.sunrisesunset {
- font-size: 18px;
- font-family: "Segoe UI";
- font-weight: 600;
- color: rgb(201, 204, 159);
-}
-.open-meteo-card-today .label.sunrisesunset-icon {
- font-size: 16px;
- color: rgb(201, 204, 159);
- font-family: "Segoe Fluent Icons";
- font-weight: 600;
-}
-.open-meteo-card-day {
- border: 1px solid rgba(255, 255, 255, 0.1);
- border-radius: 8px;
- background-color: rgba(0, 0, 0, 0);
- padding: 4px;
- min-width: 70px;
-}
-.open-meteo-card-day .day-name {
- font-family: "Segoe UI";
- color: var(--dark-dim-color);
- font-size: 12px;
- font-weight: 600;
-}
-.dark .open-meteo-card-day .day-name {
- color: var(--light-dim-color);
-}
-.open-meteo-card-day .day-temp-max {
- font-family: "Segoe UI";
- font-weight: 700;
- font-size: 16px;
- color: var(--dark-color);
-}
-.dark .open-meteo-card-day .day-temp-max {
- color: var(--light-color);
-}
-
-.open-meteo-card-day .day-temp-min {
- font-family: "Segoe UI";
- color: var(--dark-color);
- font-weight: 400;
- font-size: 13px;
-}
-.dark .open-meteo-card-day .day-temp-min {
- color: var(--light-color);
-}
-
-.open-meteo-card-day.active {
- background-color: rgba(255, 255, 255, 0.35);
- border: 1px solid rgba(255, 255, 255, 0.3);
-}
-.dark .open-meteo-card-day.active {
- background-color: rgba(255, 255, 255, 0.05);
- border: 1px solid rgba(255, 255, 255, 0.08);
-}
-.open-meteo-card-day:hover {
- background-color: rgba(255, 255, 255, 0.35);
- border: 1px solid rgba(255, 255, 255, 0.3);
-}
-.dark .open-meteo-card-day:hover {
- background-color: rgba(255, 255, 255, 0.05);
- border: 1px solid rgba(255, 255, 255, 0.08);
-}
-.open-meteo-card .hourly-container {
- border: none;
- background-color: transparent;
- min-height: 120px;
-}
-.open-meteo-card .hourly-data {
- font-size: 11px;
- font-weight: 700;
- font-family: "Segoe UI";
-}
-.open-meteo-card .hourly-data.temperature {
- background-color: #c9be48;
-}
-.open-meteo-card .hourly-data.rain {
- background-color: #4a90e2;
-}
-.open-meteo-card .hourly-data.snow {
- background-color: #a0c4ff;
-}
-.open-meteo-card .hourly-data .hourly-rain-animation {
- color: rgba(150, 200, 255, 40);
- background-color: rgba(0, 0, 0, 0);
-}
-.open-meteo-card .hourly-data .hourly-snow-animation {
- color: rgba(255, 255, 255, 150);
- background-color: rgba(0, 0, 0, 0);
-}
-.open-meteo-card .hourly-data-buttons {
- margin-top: 11px;
- margin-left: 11px;
-}
-.open-meteo-card .hourly-data-button {
- border-radius: 4px;
- min-height: 24px;
- min-width: 24px;
- max-width: 24px;
- max-height: 24px;
- font-size: 14px;
- color: rgba(255, 255, 255, 0.3);
- border: 1px solid transparent;
-}
-.open-meteo-card .hourly-data-button.active {
- color: #fff;
- background-color: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.1);
-}
-.open-meteo-card .search-head {
- font-size: 18px;
- font-family: "Segoe UI";
- font-weight: 600;
- color: rgba(255, 255, 255, 0.9);
-}
-.open-meteo-card .search-description {
- font-size: 14px;
- font-family: "Segoe UI";
- font-weight: 400;
- color: rgba(255, 255, 255, 0.7);
- padding-bottom: 8px;
-}
-.open-meteo-card .no-data-icon {
- font-size: 88px;
-}
-.open-meteo-card .no-data-text {
- font-size: 16px;
- font-family: "Segoe UI";
- font-weight: 400;
-}
-/* search dialog */
-.open-meteo-card .search-input {
- padding: 8px 12px;
- border: 1px solid #5e6070;
- border-radius: 6px;
- background-color: rgba(17, 17, 27, 0.1);
- color: #cdd6f4;
- font-family: "Segoe UI";
- font-size: 14px;
-}
-.open-meteo-card .search-input:focus {
- border: 1px solid #89b4fa;
- background-color: rgba(17, 17, 27, 0.2);
-}
-.open-meteo-card .search-results {
- border: 1px solid #45475a00;
- border-radius: 6px;
- background-color: rgba(0, 0, 0, 0);
- color: #cbced8;
- font-size: 13px;
- font-family: "Segoe UI";
-}
-.open-meteo-card .search-results::item {
- padding: 6px;
-}
-.open-meteo-card .search-results::item:hover {
- background-color: rgba(255, 255, 255, 0.05);
-}
-
-.clock-widget .icon {
- font-size: 14px;
- padding-right: 4px;
-}
-.clock-widget .icon.alarm {
- color: #f38ba8;
- margin-left: 4px;
-}
-.clock-widget .label.alarm {
- color: #74b0ff;
- margin-left: 4px;
-}
-
-/* Calendar, Alarm, and Timer Popups */
-.clock-popup.alarm,
-.clock-popup.timer,
-.clock-popup.calendar {
- min-width: 460px;
- background-color: var(--light-menu-bg);
-}
-.dark .clock-popup.alarm,
-.dark .clock-popup.timer,
-.dark .clock-popup.calendar {
- background-color: var(--dark-menu-bg);
-}
-.clock-popup.calendar .calendar-table,
-.clock-popup.calendar .calendar-table::item {
- background-color: rgba(17, 17, 27, 0);
- color: rgba(133, 144, 160, 0.85);
- font-family: 'Segoe UI';
- margin: 0;
- padding: 0;
- border: none;
- outline: none;
-}
-.dark .clock-popup.calendar .calendar-table,
-.dark .clock-popup.calendar .calendar-table::item {
- background-color: rgba(17, 17, 27, 0);
- color: rgba(162, 177, 196, 0.85);
-}
-.clock-popup.calendar .calendar-table::item:selected {
- color: #282936;
- font-weight: bold;
- background-color: #74b0ff;
- border-radius: 12px;
-}
-.clock-popup.calendar .day-label {
- margin-top: 20px;
-}
-.clock-popup.calendar .day-label,
-.clock-popup.calendar .month-label,
-.clock-popup.calendar .year-label,
-.clock-popup.calendar .date-label {
- font-family: 'Segoe UI';
- font-size: 16px;
- font-weight: 700;
- min-width: 180px;
- max-width: 180px;
-}
-.clock-popup.calendar .month-label {
- font-weight: normal;
-}
-.clock-popup.calendar .year-label {
- font-weight: normal;
-}
-.clock-popup.calendar .date-label {
- font-size: 88px;
- font-weight: 900;
- margin-top: -20px;
-}
-
-/* Alarm and Timer Dialog Containers */
-.clock-popup.timer .clock-popup-container,
-.clock-popup.alarm .clock-popup-container {
- padding: 16px;
-}
-.clock-popup.timer .clock-popup-footer,
-.clock-popup.alarm .clock-popup-footer {
- padding: 16px;
- border-top: 1px solid rgb(0, 0, 0);
- background-color: rgba(0, 0, 0, 0.3);
-}
-.clock-popup .clock-label-timer {
- font-size: 13px;
- font-family: 'Segoe UI';
- font-weight: 600;
- color: #8d9196;
-}
-.clock-popup .clock-input-time {
- font-size: 48px;
- background-color: transparent;
- border: none;
- font-family: monospace, "Tahoma", "Segoe UI";
- font-weight: 600;
- color: #ced3d8;
-}
-.clock-popup .clock-input-time.colon {
- padding-bottom: 8px;
-}
-
-/* Dialog Buttons */
-.clock-popup .button {
- border-radius: 4px;
- font-family: 'Segoe UI';
- font-weight: 600;
- font-size: 13px;
- min-height: 28px;
- min-width: 64px;
- margin: 4px 0;
- background-color: rgba(255, 255, 255, 0.1);
-}
-.clock-popup .button.save,
-.clock-popup .button.start,
-.clock-popup .button.delete,
-.clock-popup .button.cancel {
- min-width: 120px;
-}
-
-.clock-popup .button.save,
-.clock-popup .button.start {
- background-color: rgba(0, 110, 255, 0.5);
- margin-right: 8px;
-}
-
-.clock-popup .button.save:hover,
-.clock-popup .button.start:hover {
- background-color: rgba(0, 110, 255, 0.7);
-}
-.clock-popup .button.delete {
- background-color: rgba(255, 80, 80, 0.5);
-}
-.clock-popup .button.delete:hover {
- background-color: rgba(255, 80, 80, 0.7);
-}
-.clock-popup .button.is-alarm-enabled {
- background-color: rgba(0, 110, 255, 0.5);
-}
-.clock-popup .button.is-alarm-enabled:hover {
- background-color: rgba(0, 110, 255, 0.7);
-}
-.clock-popup .button.is-alarm-disabled {
- background-color: rgba(255, 255, 255, 0.2);
-}
-.clock-popup .button.day {
- background-color: rgba(255, 255, 255, 0.1);
- max-height: 20px;
- min-height: 20px;
-}
-.clock-popup .button.day:checked {
- background-color: rgba(0, 110, 255, 0.5);
-}
-.clock-popup .button.quick-option {
- background-color: rgba(255, 255, 255, 0.1);
-}
-.clock-popup .button.quick-option:checked {
- background-color: rgba(0, 110, 255, 0.5);
-}
-.clock-popup .button:hover {
- background-color: rgba(255, 255, 255, 0.2);
-}
-.clock-popup .button:disabled {
- background-color: rgba(100, 100, 100, 0.2);
- color: rgba(150, 150, 150, 0.7);
-}
-.clock-popup .alarm-input-title {
- font-size: 14px;
- font-family: 'Segoe UI';
- font-weight: 600;
- color: #d2d6e2;
- background-color: rgba(255, 255, 255, 0.1);
- border: 1px solid transparent;
- border-radius: 4px;
- padding: 4px 8px;
- margin-top: 8px;
- outline: none;
- min-width: 300px;
-}
-
-.clock-popup .alarm-input-title:focus {
- border: 1px solid #0078D4;
-}
-
-/* Active Alarm Popup Window */
-.active-alarm-window {
- background-color: rgba(255, 255, 255, 0.048);
- max-width: 500px;
- min-width: 500px;
- padding: 32px;
-}
-.active-alarm-window .alarm-title-icon {
- font-size: 64px;
- color: #ffffff;
- margin-bottom: 16px;
-}
-.active-alarm-window .alarm-title {
- font-size: 24px;
- font-family: 'Segoe UI';
- font-weight: 600;
- color: #ffffff;
- max-width: 500px;
- min-width: 500px;
-}
-.active-alarm-window .alarm-info {
- font-size: 16px;
- font-family: 'Segoe UI';
- font-weight: 600;
- color: #b2b6c0;
- margin-bottom: 32px;
-}
-.active-alarm-window .button {
- border-radius: 4px;
- font-family: 'Segoe UI';
- font-weight: 600;
- font-size: 14px;
- min-height: 36px;
- min-width: 100px;
- margin: 0 4px;
- background-color: rgba(255, 255, 255, 0.1);
-}
-.active-alarm-window .button:hover {
- background-color: rgba(255, 255, 255, 0.3);
-}
-
-.home-menu {
- background-color: var(--light-menu-bg);
-}
-.dark .home-menu {
- background-color: var(--dark-menu-bg);
-}
-.home-menu .menu-item {
- color: var(--dark-color);
- padding: 6px 48px 7px 16px;
-}
-.dark .home-menu .menu-item {
- color: var(--light-color);
-}
-
-.home-menu .menu-item:hover {
- background-color: rgba(128, 130, 158, 0.15);
- color: #fff;
-}
-.home-menu .separator {
- max-height: 1px;
- background-color: rgba(128, 130, 158, 0.3);
-}
-
-.systray .button {
- border-radius: 4px;
- padding: 2px;
- background: transparent;
- border: none;
- outline: none;
-}
-
-.systray .button:hover {
- background: rgba(255, 255, 255, 0.2);
-}
-.systray .button.drag-over {
- background: rgba(255, 255, 255, 0.4);
-}
-.systray .pinned-container.drop-target {
- background: rgba(255, 255, 255, 0.1);
-}
-.systray .unpinned-visibility-btn {
- border-radius: 4px;
- height: 20px;
- width: 16px;
- border: none;
- outline: none;
-}
-
-.systray .unpinned-visibility-btn:checked {
- background: transparent;
-}
-.systray-popup .button.drag-over {
- background-color: rgba(255, 255, 255, 0.2);
-}
-.systray .pinned-container.pinned-container.drop-target {
- background-color: rgba(255, 255, 255, 0.1);
-}
-.systray-popup {
- background-color: var(--light-menu-bg);
- padding: 4px;
-}
-.dark .systray-popup {
- background-color: var(--dark-menu-bg);
-}
-.systray-popup .button {
- padding: 10px;
- margin: 0;
- border: 0;
- border-radius: 6px;
-}
-.systray-popup .button:hover {
- background-color: rgba(255, 255, 255, 0.3);
-}
-.dark .systray-popup .button:hover {
- background-color: rgba(255, 255, 255, 0.05);
-}
+:root{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--overlay2:#9399b2;--text:#cdd6f4;--subtext0:#a6adc8;--subtext1:#bac2de;--lavender:#b4befe;--blue:#89b4fa;--sapphire:#74c7ec;--sky:#89dceb;--teal:#94e2d5;--green:#a6e3a1;--yellow:#f9e2af;--peach:#fab387;--maroon:#eba0ac;--red:#f38ba8;--mauve:#cba6f7;--pink:#f5c2e7;--flamingo:#f2cdcd;--rosewater:#f5e0dc}
+*{font-size:13px;font-family:"JetBrainsMono NFP","JetBrainsMono Nerd Font Propo",monospace;color:var(--text);margin:0;padding:0;border:none}
+.yasb-bar{background-color:#181825d9;border-bottom:1px solid #b4befe0f;padding-top:2px}
+.widget{padding:0 5px;color:var(--text)}
+.widget .widget-container{border-radius:8px;padding:2px 4px}
+.widget .label,.widget .icon{color:var(--text);padding:0 3px;font-weight:500}
+.widget .icon{font-size:14px;font-weight:400}
+.container-left,.container-center,.container-right{margin:0;padding:0}
+.notes-menu,.todo-menu,.ai-chat-popup,.github-menu,.traffic-menu,.cpu-popup,.memory-popup,.gpu-popup,.pomodoro-menu,.audio-menu,.wifi-menu,.brightness-menu,.open-meteo-card{background-color:#181825e6;border:1px solid #b4befe14;border-radius:10px}
+QScrollBar:vertical{background-color:#0003;width:8px;border-radius:4px}
+QScrollBar:horizontal{background-color:#0003;height:8px;border-radius:4px}
+QScrollBar::handle{background-color:var(--surface2);border-radius:4px}
+QScrollBar::handle:hover{background-color:var(--overlay0)}
+QScrollBar::add-line,QScrollBar::sub-line{height:0;width:0}
+QScrollBar::add-page,QScrollBar::sub-page{background:none}
+.tooltip{background-color:var(--surface0);border:1px solid var(--surface1);border-radius:4px;color:var(--subtext1);padding:5px 10px;font-size:12px;font-weight:600;margin-top:4px;border-style:solid}
+.notification-dot{background-color:var(--red);border-radius:50%;min-width:6px;min-height:6px;max-width:6px;max-height:6px}
+.context-menu{background-color:var(--surface0);border:none;padding:5px 0;font-size:12px;color:var(--text);border-radius:8px}
+.context-menu::item{background-color:transparent;padding:7px 12px;margin:3px 6px;border-radius:5px;min-width:90px}
+.context-menu::item:selected{background-color:var(--surface1);color:var(--text)}
+.context-menu::item:checked{background-color:#b4befe40;color:var(--lavender)}
+.context-menu::item:pressed{background-color:var(--surface2)}
+.context-menu::item:disabled{color:var(--overlay0)}
+.context-menu::separator{height:1px;background-color:var(--surface1);margin:3px 7px}
+.glazewm-workspaces{margin:0;padding:0 6px}
+.glazewm-workspaces .ws-btn{font-size:13px;background-color:transparent;border:none;padding:4px 8px;margin:0 3px;color:var(--overlay1);border-radius:6px}
+.glazewm-workspaces .ws-btn.populated{color:var(--subtext1)}
+.glazewm-workspaces .ws-btn.active_populated,.glazewm-workspaces .ws-btn.active_empty{color:var(--lavender);background-color:#b4befe26;font-weight:600}
+.glazewm-workspaces .ws-btn:hover,.glazewm-workspaces .ws-btn.populated:hover{background-color:#ffffff14;color:var(--text)}
+.glazewm-workspaces .offline-status{color:var(--red);font-size:11px;font-weight:600}
+.clock-widget{padding:0 8px}
+.clock-widget .icon{color:var(--blue);font-size:12px;padding-right:5px}
+.clock-widget .label{color:var(--text);font-weight:500}
+.clock-popup.calendar{background-color:#181825d9;min-width:420px}
+.clock-popup.calendar .calendar-table,.clock-popup.calendar .calendar-table::item{background-color:transparent;color:#a2adc8d9;border:none;outline:none}
+.clock-popup.calendar .calendar-table::item:selected{color:var(--crust);font-weight:700;background-color:var(--lavender);border-radius:12px}
+.clock-popup.calendar .day-label,.clock-popup.calendar .month-label,.clock-popup.calendar .year-label,.clock-popup.calendar .date-label{font-size:16px;color:var(--text);font-weight:700}
+.clock-popup.calendar .date-label{font-size:72px;font-weight:900}
+.pomodoro-widget{padding:0 7px}
+.pomodoro-widget .icon{font-size:13px;padding-right:5px}
+.pomodoro-widget .label.work,.pomodoro-widget .icon.work{color:var(--green)}
+.pomodoro-widget .label.break,.pomodoro-widget .icon.break{color:var(--blue)}
+.pomodoro-widget .label.paused,.pomodoro-widget .icon.paused{color:var(--overlay1)}
+.pomodoro-menu .status{font-size:18px;font-weight:600;color:var(--text)}
+.pomodoro-menu .session{font-size:12px;color:var(--overlay1)}
+.pomodoro-menu .button{background-color:var(--surface0);color:var(--text);border:none;border-radius:6px;padding:7px 16px;font-weight:500}
+.pomodoro-menu .button.pause{background-color:#a6e3a12e;color:var(--green)}
+.pomodoro-menu .button.start{background-color:#b4befe26}
+.pomodoro-menu .button:hover{background-color:var(--surface1)}
+.pomodoro-menu .button:pressed{background-color:var(--surface2)}
+.notes-widget{padding:0 7px}
+.notes-widget .label{color:var(--yellow);font-size:13px;font-weight:500}
+.notes-widget .icon{color:var(--yellow);font-size:14px}
+.notes-menu{min-width:400px;max-width:400px}
+.notes-menu.floating{min-width:580px;max-width:580px;min-height:580px;max-height:580px}
+.notes-menu .notes-header{background-color:transparent;padding:10px 14px;border-bottom:1px solid #ffffff14}
+.notes-menu .notes-header .header-title{font-size:14px;font-weight:700;color:var(--text)}
+.notes-menu .notes-header .float-button,.notes-menu .notes-header .close-button{background:transparent;border:none;color:var(--overlay2);font-size:15px;padding:4px 6px;border-radius:5px}
+.notes-menu .notes-header .float-button:hover,.notes-menu .notes-header .close-button:hover{background-color:#ffffff14;color:var(--text)}
+.notes-menu .note-item{background-color:transparent;border-bottom:1px solid #ffffff0f;padding:8px 10px;border-radius:6px;margin:4px 8px}
+.notes-menu .note-item:hover{background-color:#ffffff0d}
+.notes-menu .note-item .title{font-size:13px;color:var(--text);font-weight:500}
+.notes-menu .note-item .date{font-size:11px;color:var(--overlay0);margin-top:2px}
+.notes-menu .delete-button{color:var(--red);background:transparent;border:none;font-size:13px;padding:4px 7px;border-radius:4px}
+.notes-menu .copy-button{color:var(--overlay2);background:transparent;border:none;font-size:13px;padding:4px 7px;border-radius:4px}
+.notes-menu .delete-button:hover,.notes-menu .copy-button:hover{background-color:#ffffff14}
+.notes-menu .note-input{background-color:#ffffff0d;border:1px solid var(--surface1);border-radius:6px;color:var(--text);font-size:13px;padding:6px 10px}
+.notes-menu .note-input:focus{border-color:var(--lavender)}
+.notes-menu .add-button,.notes-menu .cancel-button{background-color:#ffffff1a;border:none;border-radius:6px;color:var(--text);padding:7px 14px;font-weight:500}
+.notes-menu .add-button:hover,.notes-menu .cancel-button:hover{background-color:#ffffff29}
+.notes-menu .scroll-area{background:transparent;border:none}
+.notes-menu .empty-list{color:var(--overlay0);font-size:18px}
+.todo-widget{padding:0 7px}
+.todo-widget .icon{color:var(--teal);font-size:14px}
+.todo-widget .label{font-size:13px;font-weight:500}
+.todo-menu{min-width:400px;max-width:400px;min-height:480px;max-height:480px}
+.todo-menu .header .add-task-button,.todo-menu .header .tab-buttons{border:none;border-radius:8px;color:var(--text);padding:5px 10px;font-size:12px;font-weight:600}
+.todo-menu .header .tab-buttons.in-progress:checked{color:var(--teal);background-color:#94e2d526}
+.todo-menu .header .tab-buttons.completed:checked{color:var(--red);background-color:#f38ba826}
+.todo-menu .header .tab-buttons.sort{background-color:#ffffff14;min-height:22px;min-width:22px;max-width:22px;max-height:22px;padding:0;margin:0 6px 0 0;border-radius:6px}
+.todo-menu .task-item{background-color:#ffffff0a;border-radius:8px;margin:0 10px 8px;border:1px solid #ffffff0f;padding:8px 0}
+.todo-menu .task-item.expanded{border-color:#ffffff1f;background-color:#ffffff0d}
+.todo-menu .task-item:hover{background-color:#ffffff0f}
+.todo-menu .task-item .title{color:var(--text);font-size:12px;font-weight:600;padding:0 10px 6px}
+.todo-menu .task-item .description{color:var(--subtext0);font-size:11px;padding:0 10px 6px}
+.todo-menu .task-item.completed .title,.todo-menu .task-item.completed .description{text-decoration:line-through;color:var(--overlay0)}
+.todo-menu .task-checkbox{background:transparent;border:none;margin-left:10px;font-size:16px;color:var(--text)}
+.todo-menu .task-checkbox:checked{color:var(--teal)}
+.todo-menu .task-info-row .date-text,.todo-menu .task-info-row .category-text{color:var(--overlay1);font-size:11px;font-weight:500}
+.todo-menu .task-info-row .category-text.important,.todo-menu .task-info-row .category-icon.important{color:var(--red)}
+.todo-menu .task-info-row .category-text.urgent,.todo-menu .task-info-row .category-icon.urgent{color:var(--peach)}
+.todo-menu .task-info-row .category-text.soon,.todo-menu .task-info-row .category-icon.soon{color:var(--teal)}
+.todo-menu .task-info-row .category-text.today,.todo-menu .task-info-row .category-icon.today{color:var(--yellow)}
+.todo-menu .task-info-row .delete-task-button{background-color:#ffffff1a;color:var(--text);font-size:11px;padding:3px 10px;border-radius:6px;min-height:20px;max-height:20px;font-weight:600;margin-right:8px}
+.todo-menu .task-info-row .delete-task-button:hover{background-color:#f38ba833;color:var(--red)}
+.todo-menu .no-tasks{color:var(--overlay0);font-size:16px}
+.todo-menu .no-tasks-icon{font-size:64px;color:var(--overlay0)}
+.ai-chat-widget{padding:0 7px}
+.ai-chat-widget .icon{color:var(--mauve);font-size:15px}
+.ai-chat-popup{min-width:430px;max-width:430px;min-height:480px;max-height:480px;border-radius:12px}
+.ai-chat-popup.floating{min-width:960px;max-width:960px;min-height:740px;max-height:740px;border-radius:14px}
+.ai-chat-popup .chat-header{background-color:transparent;padding:10px 14px;border-bottom:1px solid #ffffff14}
+.ai-chat-popup .chat-header .provider-button,.ai-chat-popup .chat-header .model-button{background-color:var(--surface0);border:1px solid #ffffff1a;font-size:12px;color:var(--text);border-radius:6px;padding:5px 12px;min-width:130px;font-weight:500}
+.ai-chat-popup .chat-header .provider-button:hover,.ai-chat-popup .chat-header .model-button:hover{background-color:var(--surface1);border-color:#ffffff26}
+.ai-chat-popup .chat-header .float-button,.ai-chat-popup .chat-header .close-button{background:transparent;border:none;color:var(--overlay2);font-size:15px;padding:4px 6px;border-radius:6px}
+.ai-chat-popup .chat-header .float-button:hover,.ai-chat-popup .chat-header .close-button:hover{background-color:#ffffff14;color:var(--text)}
+.ai-chat-popup .chat-header .loader-line{color:var(--blue);height:2px}
+.ai-chat-popup .chat-content{background:transparent;border:none;padding:8px}
+.ai-chat-popup .chat-content .user-message{margin-left:28px;padding:10px 14px}
+.ai-chat-popup .chat-content .assistant-message{background-color:#31324499;border:1px solid #ffffff14;border-radius:10px;padding:10px 14px}
+.ai-chat-popup .chat-content .user-message .text,.ai-chat-popup .chat-content .assistant-message .text{font-size:13px;color:var(--text);line-height:1.5}
+.ai-chat-popup .chat-content .assistant-icon{font-size:20px;color:var(--mauve);margin-right:8px}
+.ai-chat-popup .chat-content .copy-button{color:var(--overlay2);background:transparent;border:none;font-size:13px;padding:4px 6px;border-radius:4px}
+.ai-chat-popup .chat-content .copy-button:hover{background-color:#ffffff14;color:var(--text)}
+.ai-chat-popup .chat-content .empty-chat .greeting{font-size:32px;font-weight:700;color:var(--text)}
+.ai-chat-popup .chat-content .empty-chat .message{font-size:16px;color:var(--overlay1);padding-top:6px}
+.ai-chat-popup .chat-footer{padding:14px;background-color:#0000001a}
+.ai-chat-popup .chat-footer .chat-input-wrapper{background-color:#ffffff0d;border:1px solid var(--surface1);border-radius:10px;padding:6px 10px;max-height:80px;min-height:36px}
+.ai-chat-popup .chat-footer .chat-input-wrapper.focused{border-color:var(--lavender);background-color:#ffffff12}
+.ai-chat-popup .chat-footer .chat-input{font-size:13px;color:var(--text)}
+.ai-chat-popup .chat-footer .send-button,.ai-chat-popup .chat-footer .stop-button,.ai-chat-popup .chat-footer .clear-button,.ai-chat-popup .chat-footer .attach-button{color:var(--text);font-size:14px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;border-radius:6px;border:none}
+.ai-chat-popup .chat-footer .stop-button{background-color:#89b4fa40}
+.ai-chat-popup .chat-footer .stop-button:hover{background-color:#89b4fa59}
+.ai-chat-popup .chat-footer .send-button:hover,.ai-chat-popup .chat-footer .clear-button:hover,.ai-chat-popup .chat-footer .attach-button:hover{background-color:var(--surface0)}
+.ai-chat-popup .chat-footer .send-button:disabled,.ai-chat-popup .chat-footer .clear-button:disabled,.ai-chat-popup .chat-footer .attach-button:disabled{color:var(--overlay0)}
+.ai-chat-popup .attachment-chip{background-color:#89b4fa26;border:1px solid #89b4fa4d;border-radius:6px;padding:2px 6px;margin:2px 4px}
+.ai-chat-popup .attachment-chip .attachment-label{color:var(--subtext1);font-size:11px}
+.ai-chat-popup .attachment-chip .attachment-remove-button{color:var(--overlay1);font-size:12px;padding:0 2px}
+.ai-chat-popup .attachment-chip .attachment-remove-button:hover{color:var(--red)}
+.notification-widget{padding:0 5px}
+.notification-widget .icon{font-size:14px;color:var(--overlay2)}
+.notification-widget .icon.new-notification{color:var(--blue)}
+.notification-widget .label.new-notification{color:var(--blue);font-weight:600}
+.github-widget{padding:0 5px}
+.github-widget .icon{font-size:15px;color:var(--overlay2)}
+.github-widget .icon.new-notification{color:var(--red)}
+.github-menu{max-height:500px;min-height:480px;min-width:420px}
+.github-menu .header{border-bottom:1px solid #ffffff14;font-size:14px;font-weight:600;padding:10px 12px;color:var(--text)}
+.github-menu .footer{border-top:1px solid #ffffff14;padding:6px 10px 8px}
+.github-menu .footer .label{font-size:11px;color:var(--overlay1)}
+.github-menu .contents .item{min-height:42px;padding:8px 12px;border-bottom:1px solid #ffffff0d}
+.github-menu .contents .item:hover{background-color:#ffffff0d}
+.github-menu .contents .item .title{font-size:13px;font-weight:600;color:var(--subtext1)}
+.github-menu .contents .item .description{font-size:11px;color:var(--overlay1);margin-top:2px}
+.github-menu .contents .item.new .title,.github-menu .contents .item.new .description{color:var(--text)}
+.github-menu .contents .item .icon{font-size:15px;padding:0 6px;color:var(--overlay1)}
+.github-menu .contents .item.new .icon{color:var(--green)}
+.traffic-widget{padding:0 5px}
+.traffic-widget .label{font-size:12px;color:var(--subtext0);font-weight:500}
+.traffic-widget .icon{color:var(--sky)}
+.traffic-menu{min-width:280px}
+.traffic-menu .header .title{font-size:15px;font-weight:600;color:var(--text);padding:10px}
+.traffic-menu .download-speed-value,.traffic-menu .upload-speed-value{font-size:20px;font-weight:800;color:var(--subtext1)}
+.traffic-menu .internet-info.connected{background-color:#a6e3a11a;color:var(--green);border-radius:6px}
+.traffic-menu .internet-info.disconnected{background-color:#f38ba81a;color:var(--red);border-radius:6px}
+.traffic-menu .data-text{font-size:12px;color:var(--overlay1)}
+.traffic-menu .data-value{font-weight:600;font-size:12px;color:var(--text)}
+.traffic-menu .section-title{font-size:11px;color:var(--overlay1);font-weight:600}
+.cpu-widget{padding:0 5px}
+.memory-widget{padding:0 5px}
+.disk-widget{padding:0 5px}
+.gpu-widget{padding:0 5px}
+.cpu-widget .icon{color:var(--mauve);font-size:13px}
+.memory-widget .icon{color:var(--blue);font-size:13px}
+.disk-widget .icon{color:var(--sapphire);font-size:13px}
+.gpu-widget .icon{color:var(--pink);font-size:13px}
+.cpu-widget .label,.memory-widget .label,.disk-widget .label,.gpu-widget .label{color:var(--text);font-weight:500}
+.cpu-widget .label.status-low,.memory-widget .label.status-low,.gpu-widget .label.status-low{color:var(--green)}
+.cpu-widget .label.status-medium,.memory-widget .label.status-medium,.gpu-widget .label.status-medium{color:var(--yellow)}
+.cpu-widget .label.status-high,.memory-widget .label.status-high,.gpu-widget .label.status-high{color:var(--peach)}
+.cpu-widget .label.status-critical,.memory-widget .label.status-critical,.gpu-widget .label.status-critical{color:var(--red)}
+.disk-widget .label.status-low{color:var(--green)}
+.disk-widget .label.status-medium{color:var(--yellow)}
+.disk-widget .label.status-high{color:var(--peach)}
+.disk-widget .label.status-critical{color:var(--red)}
+.cpu-popup,.memory-popup,.gpu-popup{min-width:360px}
+.cpu-popup .header .text,.memory-popup .header .text,.gpu-popup .header .text{font-size:15px;color:var(--text);font-weight:600;padding:10px}
+.cpu-popup .stats,.memory-popup .stats,.gpu-popup .stats{padding:10px}
+.cpu-popup .stats .stat-label,.memory-popup .stats .stat-label,.gpu-popup .stats .stat-label{font-size:12px;color:var(--overlay1);font-weight:500}
+.cpu-popup .stats .stat-value,.memory-popup .stats .stat-value,.gpu-popup .stats .stat-value{font-size:20px;font-weight:700;color:var(--text)}
+.cpu-popup .cpu-graph{color:var(--mauve)}
+.memory-popup .memory-graph{color:var(--blue)}
+.gpu-popup .gpu-graph{color:var(--pink)}
+.cpu-popup .cpu-graph-grid,.memory-popup .memory-graph-grid,.gpu-popup .gpu-graph-grid{color:#ffffff0d}
+.brightness-widget{padding:0 5px}
+.brightness-widget .icon{color:var(--yellow);font-size:14px;padding:0 5px}
+.brightness-menu{min-width:240px}
+.brightness-slider{border:none}
+.volume-widget{padding:0 5px}
+.volume-widget .icon{color:var(--teal);font-size:14px;margin-right:3px;padding:0 3px}
+.volume-widget .label{font-weight:500}
+.volume-widget .label.muted,.volume-widget .icon.muted{color:var(--overlay0)}
+.audio-menu{min-width:300px}
+.audio-menu .system-volume-container .volume-slider{border:none}
+.audio-menu .audio-container .device{background:transparent;border:none;padding:6px 10px;border-radius:6px;font-size:12px}
+.audio-menu .audio-container .device.selected{background-color:#ffffff1a}
+.audio-menu .audio-container .device:hover{background-color:#ffffff14}
+.bluetooth-widget{padding:0 5px}
+.bluetooth-widget .icon{font-size:15px;color:var(--blue)}
+.wifi-widget{padding:0 5px}
+.wifi-widget .icon{font-size:15px;color:var(--sky)}
+.wifi-menu{min-width:360px}
+.wifi-menu .header{font-size:13px;font-weight:600;padding:10px 12px;color:var(--text);border-bottom:1px solid #ffffff14}
+.wifi-menu .wifi-item{min-height:36px;padding:6px 10px;margin:4px 6px;border-radius:6px}
+.wifi-menu .wifi-item:hover{background-color:#ffffff0f}
+.wifi-menu .wifi-item[active=true]{background-color:#ffffff1a}
+.wifi-menu .wifi-item .icon{font-family:"Segoe Fluent Icons";font-size:22px;margin-right:8px;color:var(--sky)}
+.wifi-menu .wifi-item .name{font-size:13px;font-weight:500}
+.wifi-menu .wifi-item .connect{background-color:#ffffff1f;padding:4px 16px;border-radius:5px;font-size:12px;border:none;font-weight:500}
+.wifi-menu .wifi-item .connect:hover{background-color:#ffffff2e}
+.wifi-menu .footer{font-size:11px;padding:8px 12px;color:var(--overlay1);border-top:1px solid #ffffff14}
+.open-meteo-widget{padding:0 7px}
+.open-meteo-widget .icon{font-size:16px;color:#ffffffd9}
+.open-meteo-widget .label{font-size:13px;color:var(--text);padding-left:4px;font-weight:500}
+.open-meteo-card{border-radius:12px;min-width:500px}
+.open-meteo-card-today .label{font-size:12px;color:var(--subtext0)}
+.open-meteo-card-today .label.location{font-size:26px;font-weight:700;color:var(--text)}
+.open-meteo-card-day{border:1px solid var(--surface1);border-radius:8px;background-color:transparent;padding:8px}
+.open-meteo-card-day.active{background-color:#ffffff0d;border-color:var(--surface2)}
+.open-meteo-card-day:hover{background-color:#ffffff0a}
+.open-meteo-card-day .day-name{font-size:11px;color:var(--overlay1);font-weight:600}
+.open-meteo-card-day .day-temp-max{font-size:15px;font-weight:700;color:var(--text)}
+.open-meteo-card-day .day-temp-min{font-size:12px;color:var(--subtext0)}
+.open-meteo-card .hourly-container{background:transparent;border:none;min-height:120px}
+.open-meteo-card .hourly-data{font-size:11px;font-weight:700}
+.open-meteo-card .hourly-data.temperature{background-color:var(--yellow)}
+.open-meteo-card .hourly-data.rain{background-color:var(--blue)}
+.open-meteo-card .hourly-data.snow{background-color:var(--sapphire)}
+.open-meteo-card .hourly-data-button{border-radius:4px;min-height:24px;min-width:24px;max-width:24px;max-height:24px;font-size:14px;color:#ffffff4d;border:1px solid transparent}
+.open-meteo-card .hourly-data-button.active{color:var(--text);background-color:#ffffff1a;border:1px solid #ffffff1a}
+.open-meteo-card .search-input{border:1px solid var(--surface1);border-radius:8px;background-color:#ffffff0d;color:var(--text);font-size:13px;padding:8px 12px}
+.open-meteo-card .search-input:focus{border-color:var(--lavender);background-color:#ffffff12}
+.open-meteo-card .search-results{background:transparent;color:var(--text);font-size:13px}
+.open-meteo-card .search-results::item{padding:6px 10px;border-radius:6px;margin:2px 6px}
+.open-meteo-card .search-results::item:hover{background-color:#ffffff14}
+.systray{background:transparent;border:none}
+.systray .button{border-radius:4px;padding:2px}
+.systray .button:hover{background:#ffffff1a}
+.systray .unpinned-visibility-btn{border-radius:4px;height:20px;width:16px;border:none}
+.systray .unpinned-visibility-btn:hover{background:#ffffff14}
+.systray .label{color:var(--mauve)}
+.systray .icon{color:var(--mauve)}
+.recycle-bin-widget{padding:0;margin:4px 2px;border-radius:8px}
+.recycle-bin-widget:hover{background-color:#31324499}
+.recycle-bin-widget .icon{font-size:16px;margin-right:6px}
+.recycle-bin-widget .label{color:var(--text);font-weight:500}
+.recycle-bin-widget .icon.bin-empty{color:var(--green)}
+.recycle-bin-widget .label.bin-empty{color:var(--subtext0)}
+.recycle-bin-widget .icon.bin-filled{color:var(--red)}
+.recycle-bin-widget .label.bin-filled{color:var(--lavender);font-weight:700}
+.wallpapers-widget .icon{color:var(--mauve);font-size:16px;padding:0 8px}
+.power-menu-widget .label{color:var(--red);font-size:14px}
+.power-menu-overlay{background-color:#0000004d}
+.power-menu-overlay .uptime{font-size:14px;margin-bottom:12px;color:var(--overlay2);font-weight:600}
+.power-menu-popup{background-color:#1e1e2ee6;padding:28px;border-radius:12px;border:1px solid #b4befe1a}
+.power-menu-popup .profile-info{padding:0 0 16px;border-bottom:1px solid #ffffff14;margin-bottom:14px}
+.power-menu-popup .profile-info .profile-username{font-size:20px;font-weight:600;color:var(--text)}
+.power-menu-popup .profile-info .profile-account-type{font-size:12px;color:var(--overlay1)}
+.power-menu-popup .button{padding:0;min-width:130px;max-width:130px;min-height:90px;border-radius:10px;background-color:var(--surface0);border:1px solid #ffffff0f;margin:6px}
+.power-menu-popup .button.hover{background-color:var(--surface1);border-color:var(--lavender)}
+.power-menu-popup .button .label{font-size:12px;font-weight:600;color:var(--subtext1);margin-bottom:6px}
+.power-menu-popup .button .icon{font-size:28px;color:#ffffff40;padding-top:6px;font-family:"JetBrainsMono NFP"}
+.power-menu-popup .button.hover .label,.power-menu-popup .button.hover .icon{color:var(--text)}
+.power-menu-popup .button.cancel .icon{color:#f38ba880}
+.power-menu-popup .button.cancel .label{color:var(--red)}
+.power-menu-popup .button.shutdown .icon{color:#89b4fa80}
+.power-menu-popup .button.shutdown .label{color:var(--blue)}