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)}