diff --git a/themes/20650dea-7e59-4e8a-b69b-c8664666805d/config.yaml b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/config.yaml new file mode 100644 index 0000000..2033389 --- /dev/null +++ b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/config.yaml @@ -0,0 +1,517 @@ +watch_stylesheet: true +watch_config: true +debug: false +update_check: true +komorebi: + start_command: "komorebic start --whkd" + stop_command: "komorebic stop --whkd" + reload_command: "komorebic stop --whkd && komorebic start --whkd" +bars: + primary-bar: + enabled: true + screens: ["primary"] + class_name: "yasb-bar" + alignment: + position: "top" + center: false + animation: + enabled: true + duration: 400 + blur_effect: + enabled: false + acrylic: false + dark_mode: true + round_corners: true + round_corners_type: "normal" + border_color: "None" + window_flags: + always_on_top: false + windows_app_bar: true + dimensions: + width: "100%" + height: 32 + padding: + top: 4 + left: 4 + bottom: 4 + right: 4 + widgets: + left: + - "grouped_widgets_1" + center: + - "grouped_widgets_2" + right: + - "grouped_widgets_3" + - "media" + - "grouped_widgets_4" + - "power_menu" +widgets: + media: + type: "yasb.media.MediaWidget" + options: + label: "{title} - {artist}" + label_alt: "{title}" + hide_empty: true + callbacks: + on_left: "toggle_media_menu" + on_middle: "toggle_play_pause" + on_right: "toggle_label" + max_field_size: + label: 16 + label_alt: 16 + show_thumbnail: true + controls_only: false + controls_left: false + controls_hide: true + thumbnail_edge_fade: true + thumbnail_padding: 32 + scrolling_label: + enabled: true + update_interval_ms: 50 + style: "left" + separator: " " + label_padding: 2 + ease_slope: 20 + ease_pos: 0.8 + ease_min: 0.5 + icons: + prev_track: "\ue892" + next_track: "\ue893" + play: "\ue768" + pause: "\ue769" + media_menu: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "None" + alignment: "right" + direction: "down" + offset_top: 6 + offset_left: 0 + thumbnail_corner_radius: 4 + thumbnail_size: 80 + max_title_size: 60 + max_artist_size: 20 + show_source: true + media_menu_icons: + play: "\ue768" + pause: "\ue769" + prev_track: "\ue892" + next_track: "\ue893" + language: + type: "yasb.language.LanguageWidget" + options: + label: "\uf11c {lang[country_code]}" + label_alt: "{lang[full_name]}" + update_interval: 5 + callbacks: + on_left: "toggle_menu" + on_middle: "do_nothing" + on_right: "toggle_label" + language_menu: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "None" + alignment: "right" + direction: "down" + offset_top: 6 + offset_left: 0 + show_layout_icon: true + layout_icon: "\uf11c" + container_padding: + top: 0 + left: 2 + bottom: 0 + right: 2 + memory: + type: "yasb.memory.MemoryWidget" + options: + label: "MEM" + label_alt: "VIRT: {virtual_mem_percent}% SWAP: {swap_mem_percent}%" + update_interval: 5000 + progress_bar: + enabled: true + size: 14 + thickness: 2 + color: "#91d7e3" + background_color: "#242739" + callbacks: + on_left: "toggle_label" + memory_thresholds: + low: 25 + medium: 50 + high: 90 + cpu: + type: "yasb.cpu.CpuWidget" + options: + label: "CPU" + label_alt: "CPU {info[percent][total]:.0f}%" + progress_bar: + enabled: true + position: "left" + size: 14 + thickness: 2 + color: "#91d7e3" + background_color: "#242739" + update_interval: 2000 + callbacks: + on_right: "do_nothing" + clock: + type: "yasb.clock.ClockWidget" + options: + label: "{%H:%M}" + label_alt: "{%A, %d %B %Y %H:%M}" + timezones: [] + calendar: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "None" + alignment: "center" + direction: "down" + callbacks: + on_left: "toggle_calendar" + on_right: "toggle_label" + komorebi_workspaces: + type: "komorebi.workspaces.WorkspaceWidget" + options: + label_offline: "\u23fc Offline" + label_workspace_btn: "\udb80\udd30" + label_workspace_active_btn: "\udb80\udd2f" + label_workspace_populated_btn: "\udb80\udd30" + label_default_name: "{index}" + label_zero_index: false + hide_empty_workspaces: false + hide_if_offline: true + animation: false + volume: + type: "yasb.volume.VolumeWidget" + options: + label: "{icon} {level}" + label_alt: "{level}" + volume_icons: + - "\ueee8" + - "\uf026" + - "\uf027" + - "\uf027" + - "\uf028" + callbacks: + on_left: "toggle_volume_menu" + on_right: "toggle_mute" + audio_menu: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "None" + alignment: "center" + direction: "down" + offset_top: 6 + offset_left: 0 + container_padding: + top: 0 + left: 2 + bottom: 0 + right: 2 + power_menu: + type: "yasb.power_menu.PowerMenuWidget" + options: + label: "\uf011" + uptime: true + blur: false + blur_background: true + animation_duration: 200 + button_row: 3 + buttons: + shutdown: ["\uf011", "Shut Down"] + restart: ["\uead2", "Restart"] + signout: ["\udb80\udf43", "Sign out"] + hibernate: ["\uf28e", "Hibernate"] + sleep: ["\u23fe", "Sleep"] + cancel: ["\ueab8", "Close"] + container_padding: + top: 0 + left: 0 + bottom: 0 + right: 6 + notifications: + type: "yasb.notifications.NotificationsWidget" + options: + label: "\uf476 {count}" + label_alt: "{count} notifications" + hide_empty: true + tooltip: false + callbacks: + on_left: "toggle_notification" + on_right: "do_nothing" + on_middle: "toggle_label" + container_padding: + top: 0 + left: 4 + bottom: 0 + right: 4 + weather: + type: "yasb.weather.WeatherWidget" + options: + label: "{icon} {temp}" + label_alt: "{location}: Min {min_temp}, Max {max_temp}, Humidity {humidity}" + api_key: "$Env:YASB_WEATHER_API_KEY" + location: "$Env:YASB_WEATHER_LOCATION" + show_alerts: true + update_interval: 600 + hide_decimal: true + units: "metric" + icons: + sunnyDay: "\ue30d" + clearNight: "\ue32b" + cloudyDay: "\ue312" + cloudyNight: "\ue311" + rainyDay: "\ue308" + rainyNight: "\ue333" + snowyIcyDay: "\ue30a" + snowyIcyNight: "\ue335" + blizzardDay: "\udb83\udf36" + blizzardNight: "\udb83\udf36" + foggyDay: "\ue303" + foggyNight: "\ue346" + thunderstormDay: "\ue30f" + thunderstormNight: "\ue338" + default: "\uebaa" + callbacks: + on_left: "toggle_card" + on_middle: "do_nothing" + on_right: "toggle_label" + weather_card: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "None" + alignment: "right" + direction: "down" + icon_size: 64 + show_hourly_forecast: true + time_format: "24h" + hourly_point_spacing: 76 + hourly_icon_size: 32 + icon_smoothing: true + temp_line_width: 2 + current_line_color: "#8EAEE8" + current_line_width: 2 + current_line_style: "dot" + active_window: + type: "yasb.active_window.ActiveWindowWidget" + options: + label: "{win[title]}" + label_alt: "[class_name='{win[class_name]}' exe='{win[process][name]}' hwnd={win[hwnd]}]" + label_no_window: "" + label_icon: true + label_icon_size: 16 + max_length: 36 + max_length_ellipsis: "..." + monitor_exclusive: false + battery: + type: "yasb.battery.BatteryWidget" + options: + label: "{icon} {percent}%" + label_alt: "{icon} {percent}% | time: {time_remaining}" + update_interval: 5000 + time_remaining_natural: False + hide_unsupported: True + charging_options: + icon_format: "{charging_icon}" + blink_charging_icon: true + blink_interval: 500 + status_thresholds: + critical: 10 + low: 25 + medium: 75 + high: 95 + full: 100 + status_icons: + icon_charging: "\uf0e7" + icon_critical: "\uf244" + icon_low: "\uf243" + icon_medium: "\uf242" + icon_high: "\uf241" + icon_full: "\uf240" + 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 + enable_scroll_switching: true + btn_shadow: + enabled: true + color: "black" + radius: 3 + offset: [ 1, 1 ] + app_icons: + enabled_populated: false + enabled_active: false + size: 16 + max_icons: 0 + hide_label: false + hide_duplicates: false + hide_floating: false + animation: false + gpu: + type: "yasb.gpu.GpuWidget" + options: + label: "\uf4bc {info[temp]}°C" + label_alt: "\uf4bc {info[temp]}°C | {info[mem_used]} / {info[mem_total]}" + update_interval: 2000 + progress_bar: + enabled: true + size: 14 + thickness: 2 + color: "#91d7e3" + background_color: "#242739" + gpu_thresholds: + low: 25 + medium: 50 + high: 90 + histogram_icons: + - "\u2581" # 0% + - "\u2581" # 10% + - "\u2582" # 20% + - "\u2583" # 30% + - "\u2584" # 40% + - "\u2585" # 50% + - "\u2586" # 60% + - "\u2587" # 70% + - "\u2588" # 80%+ + histogram_num_columns: 8 + callbacks: + on_left: "toggle_label" + microphone: + type: "yasb.microphone.MicrophoneWidget" + options: + label: "{icon}" + label_alt: "{icon} {level}" + mute_text: "mute" + icons: + normal: "\uf130" + muted: "\uf131" + mic_menu: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "system" + alignment: "right" + direction: "down" + callbacks: + on_left: "toggle_mic_menu" + on_middle: "toggle_label" + on_right: "toggle_mute" + label_shadow: + enabled: true + color: "black" + radius: 3 + offset: [ 1, 1 ] + taskbar: + type: "yasb.taskbar.TaskbarWidget" + options: + icon_size: 16 + tooltip: true + show_only_visible: true + strict_filtering: true + monitor_exclusive: false + animation: + enabled: false + preview: + enabled: false + width: 240 + delay: 400 + padding: 8 + margin: 8 + title_label: + enabled: false + show: "always" + min_length: 10 + max_length: 30 + ignore_apps: + processes: [] + titles: [] + classes: [] + systray: + type: "yasb.systray.SystrayWidget" + options: + class_name: "systray" + label_collapsed: "▼" + label_expanded: "▶" + label_position: "left" # Can be "left" or "right" + icon_size: 16 # Can be any integer between 8 and 64 + pin_click_modifier: "alt" # Can be "ctrl", "alt" or "shift" + show_unpinned: false + show_unpinned_button: true + show_battery: false + show_volume: false + show_network: false + btn_shadow: + enabled: true + color: "black" + radius: 3 + offset: [ 1, 1 ] + grouped_widgets_1: + type: "yasb.grouper.GrouperWidget" + options: + class_name: "grouped-widgets" + widgets: [ + "glazewm_workspaces", + "active_window", + "taskbar", + "systray", + ] + container_padding: + top: 0 + left: 2 + bottom: 0 + right: 6 + grouped_widgets_2: + type: "yasb.grouper.GrouperWidget" + options: + class_name: "grouped-widgets" + widgets: [ + "clock", + ] + container_padding: + top: 0 + left: 2 + bottom: 0 + right: 6 + grouped_widgets_3: + type: "yasb.grouper.GrouperWidget" + options: + class_name: "grouped-widgets" + widgets: [ + "memory", + "cpu", + "gpu", + "weather", + ] + container_padding: + top: 0 + left: 2 + bottom: 0 + right: 6 + grouped_widgets_4: + type: "yasb.grouper.GrouperWidget" + options: + class_name: "grouped-widgets" + widgets: [ + "volume", + "microphone", + "battery", + "notifications", + ] + container_padding: + top: 0 + left: 2 + bottom: 0 + right: 6 diff --git a/themes/20650dea-7e59-4e8a-b69b-c8664666805d/image.png b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/image.png new file mode 100644 index 0000000..249ac1e Binary files /dev/null and b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/image.png differ diff --git a/themes/20650dea-7e59-4e8a-b69b-c8664666805d/readme.md b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/readme.md new file mode 100644 index 0000000..b6de963 --- /dev/null +++ b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/readme.md @@ -0,0 +1,9 @@ +# Deep Work Control + +**Deep Work Control** is a clean, focused, and highly customizable theme for [YASB](https://github.com/amnweb/yasb). Designed for productivity, it minimizes clutter by using grouped "pill" widgets while keeping essential system information accessible at a glance. + +![Theme Screenshot](https://i.imgur.com/5IS0qY1.png) + +--- + +## 🛠 Features & Configurat \ No newline at end of file diff --git a/themes/20650dea-7e59-4e8a-b69b-c8664666805d/styles.css b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/styles.css new file mode 100644 index 0000000..e781029 --- /dev/null +++ b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/styles.css @@ -0,0 +1,563 @@ +:root { + --mauve: #cba6f7; + --red: #f38ba8; + --yellow: #f9e2af; + --orange: #fab387; + --blue: #89b4fa; + --green: #94e2d5; + --lavender: #b4befe; + --text: #cdd6f4; + --subtext1: #bac2de; + --subtext0: #a6adc8; + --overlay2: #9399b2; + --overlay1: #7f849c; + --overlay0: #6c7086; + --surface2: #585b70; + --surface1: #45475a; + --surface0: #282936; + --base: rgb(17, 18, 19); + --crust: rgba(32, 32, 43, 0.8); +} +* { + font-size: 12px; + color: var(--text); + font-weight: 600; + font-family: "JetBrainsMono NFP"; + margin: 0; + padding: 0; +} +.yasb-bar { + padding: 0; + margin: 0; + /* background-color: var(--crust); */ +} +/* Global styles for ToolTip */ +.tooltip { + background-color: var(--base); + border: 1px solid var(--surface0); + border-radius: 4px; + color: var(--text); + padding: 4px 8px 5px 8px; + font-size: 12px; + font-family: 'Segoe UI'; + font-weight: 600; + margin-top: 4px; +} +/* Global styles for Progress Circle */ +.progress-circle { + padding-right: 4px; +} +/* Global context menu style */ +.context-menu, +.context-menu .menu-checkbox { + background-color: #202020; + border: none; + padding: 4px 0px; + font-family: 'Segoe UI'; + font-size: 12px; + color: #FFFFFF; +} +.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: 4px; + min-width: 100px; +} +.context-menu::item:selected, +.context-menu .menu-checkbox:hover { + background-color: #313131; + 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: #FFFFFF; + font-family: 'Segoe UI' +} +.context-menu .submenu::item:disabled { + margin: 0; + padding-left: 16px; +} +.context-menu .menu-checkbox .checkbox:unchecked { + color: #999 +} +.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: #007acc; + border-radius: 2px; +} +.context-menu .menu-checkbox .checkbox:focus { + outline: none; +} +.widget { + padding: 0 3px; + margin: 0; +} +.icon { + font-size: 11px; + padding-right: 4px; +} +.widget .label { + padding: 0px 2px; +} +.grouped-widgets .container { + background-color: var(--base); + margin: 4px 0 4px 0; + border-radius: 12px; + border: 1px solid var(--surface1); +} +.komorebi-workspaces .offline-status { + color: var(--surface2); + font-size: 12px; + padding: 0 0 0 4px; + font-weight: 600; +} +.komorebi-workspaces .ws-btn { + border: none; + background-color: transparent; + margin: 0 3px; + padding: 0; + font-size: 14px; + color: var(--surface2); +} +.komorebi-workspaces .ws-btn:hover { + color: var(--overlay2); +} +.komorebi-workspaces .ws-btn.populated { + color: var(--text); +} +.komorebi-workspaces .ws-btn.active { + color: var(--text); +} +.cpu-widget .icon { + color: var(--orange); +} +.memory-widget .label, +.cpu-widget .label { + padding-right: 8px; +} +.clock-widget .label { + color: var(--green); +} +.calendar { + background-color: var(--crust) +} +.calendar .calendar-table, +.calendar .calendar-table::item { + background-color: rgba(17, 17, 27, 0); + color: rgba(162, 177, 196, 0.85); + font-family: 'Segoe UI'; + margin: 0; + padding: 0; + border: none; + outline: none; +} +.calendar .calendar-table::item:selected { + color: rgb(255, 255, 255); + background-color: #007acc; + border-radius: 12px; +} +.calendar .day-label { + margin-top: 20px; +} +.calendar .day-label, +.calendar .month-label, +.calendar .date-label, +.calendar .week-label, +.calendar .holiday-label { + font-family: 'Segoe UI'; + font-size: 16px; + color: #fff; + font-weight: 700; + min-width: 180px; + max-width: 180px; +} +.calendar .month-label { + font-weight: normal; +} +.calendar .week-label, +.calendar .holiday-label { + font-size: 12px; + font-weight: 600; + color: rgba(162, 177, 196, 0.85); +} +.calendar .holiday-label { + color: var(--red); + font-weight: 700; +} +.calendar .date-label { + font-size: 88px; + font-weight: 900; + color: rgb(255, 255, 255); + margin-top: -20px; + margin-bottom: -10px; +} +.power-menu-widget .label { + color: var(--red); + font-size: 15px; +} +.power-menu-popup { + background-color: transparent +} +.power-menu-popup .button { + padding: 0; + width: 180px; + height: 230px; + border-radius: 0; + background-color: var(--crust); + color: var(--green); + border-left: 4px solid rgba(58, 83, 80, 0); + border-right: 4px solid rgba(58, 83, 80, 0); + border-top: 4px solid rgba(58, 83, 80, 0); + border-bottom: 4px solid rgba(58, 83, 80, 0); + margin: 0px; +} +.power-menu-popup .button.hover { + border-left: 4px solid #94e2d5; + border-right: 4px solid #94e2d5; + border-top: 4px solid #94e2d5; + border-bottom: 4px solid #94e2d5; +} +.power-menu-popup .button.cancel.hover { + border-left: 4px solid #e29494; + border-right: 4px solid #e29494; + border-top: 4px solid #e29494; + border-bottom: 4px solid #e29494; +} +.power-menu-popup .button .label { + margin-bottom: 8px; + font-size: 16px; + font-weight: 500; + color: var(--green) +} +.power-menu-popup .button .icon { + font-size: 64px; + padding-top: 32px; + color: var(--green) +} +.power-menu-popup .button.cancel .icon, +.power-menu-popup .button.cancel .label { + color: var(--red); +} +.uptime { + font-size: 14px; + margin-bottom: 10px; + color: var(--surface2); + font-weight: 600; +} +.audio-menu { + background-color: var(--crust) +} +.volume-widget .icon { + font-size: 12px; + color: var(--green); +} +.language-widget .icon { + color: var(--green); +} +.language-menu { + background-color: var(--crust); + min-width: 300px; +} +.language-menu .header { + font-family: 'Segoe UI'; + font-size: 14px; + font-weight: 600; + margin-bottom: 2px; + padding: 12px; +} +.language-menu .footer { + font-family: 'Segoe UI'; + font-size: 12px; + font-weight: 600; + padding: 12px; + margin-top: 2px; + color: #9399b2; +} +.language-menu .footer:hover { + background-color: rgba(255, 255, 255, 0.05); +} +.language-menu .language-item { + padding: 6px 12px; + margin: 2px 4px; +} +.language-menu .language-item.active { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 4px; +} +.language-menu .language-item:hover { + background-color: rgba(255, 255, 255, 0.05); +} +.language-menu .language-item.active:hover { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 4px; +} +.language-menu .language-item .code { + font-weight: 900; + font-size: 14px; + min-width: 40px; + text-transform: uppercase; +} +.language-menu .language-item .icon { + font-size: 16px; + margin-right: 8px; + color: #fff; +} +.language-menu .language-item .name { + font-weight: 600; + font-family: 'Segoe UI'; + font-size: 14px; +} +.language-menu .language-item .layout { + font-weight: 600; + font-family: 'Segoe UI'; + font-size: 12px; +} +.notification-widget .icon.new-notification { + color: var(--blue); +} +.media-menu { + min-width: 360px; + max-width: 360px; + background-color: var(--crust) +} +.media-menu .title, +.media-menu .artist, +.media-menu .source { + font-size: 14px; + font-weight: 600; + margin-left: 10px; + font-family: 'Segoe UI' +} +.media-menu .artist { + font-size: 13px; + color: #6c7086; + margin-top: 0px; + margin-bottom: 8px; +} +.media-menu .source { + font-size: 11px; + color: #000; + font-weight: normal; + border-radius: 3px; + background-color: #bac2de; + padding: 2px 4px; +} +.media-menu .source.firefox { + background-color: #ff583b; + color: #ffffff; +} +.media-menu .source.spotify { + background-color: #199143; + color: #ffffff; +} +.media-menu .source.edge { + background-color: #0078d4; + color: #ffffff; +} +.media-menu .source.windows-media { + background-color: #0078d4; + color: #ffffff; +} +.media-menu .btn { + font-family: "Segoe Fluent Icons"; + font-size: 14px; + font-weight: 400; + margin: 10px 2px 0px 2px; + min-width: 40px; + max-width: 40px; + min-height: 40px; + max-height: 40px; + border-radius: 20px; +} +.media-menu .btn.prev { + margin-left: 10px; +} +.media-menu .btn:hover { + color: white; + background-color: rgba(255, 255, 255, 0.1); +} +.media-menu .btn.play { + background-color: rgba(255, 255, 255, 0.1); + font-size: 20px +} +.media-menu .btn.disabled:hover, +.media-menu .btn.disabled { + color: #4e525c; + background-color: rgba(0, 0, 0, 0); +} +.media-menu .playback-time { + font-size: 13px; + font-family: 'Segoe UI'; + color: #7f849c; + margin-top: 0px; + min-width: 100px; +} +.media-menu .progress-slider { + height: 20px; + margin: 0 4px 5px 4px; + border-radius: 3px; +} +.media-menu .progress-slider::groove { + background: transparent; + height: 2px; + border-radius: 3px; + background: rgba(255, 255, 255, 0.1); + +} +.media-menu .progress-slider::groove:hover { + background: transparent; + height: 6px; + border-radius: 3px; + background: rgba(255, 255, 255, 0.2); +} +.media-menu .progress-slider::sub-page { + background: var(--blue); + border-radius: 3px; + height: 4px; +} +.weather-widget .icon { + font-size: 14px; + color: var(--yellow); +} +.weather-card { + background-color: var(--crust); +} +.weather-card-today .label { + font-size: 13px; + font-weight: 600; +} +.weather-card-today .label.location { + font-size: 32px; + font-weight: 600; +} +.weather-card-today .label.alert { + font-size: 13px; + font-weight: 600; + background-color: rgba(247, 175, 42, 0.05); + border: 1px solid rgba(247, 209, 42, 0.1); + color: rgba(196, 181, 162, 0.85); + border-radius: 6px; + padding: 5px 0; +} +.weather-card-day { + border-radius: 6px; + background-color: var(--crust) +} +.weather-card-day .label { + font-size: 13px; + +} +.weather-card-day.active { + background-color: rgba(40, 40, 60, 0.6); + border: 1px solid rgba(50, 50, 75, 1); +} +.weather-card-day:hover { + background-color: rgba(40, 40, 60, 0.6); +} +.weather-card .hourly-container { + border: none; + background-color: rgba(40, 40, 60, 0.0); + min-height: 150px; +} +.weather-card .hourly-data { + background-color: #FAE93F; + font-size: 11px; + font-weight: bold; +} +.battery-widget .widget-container .icon { + color: #94e2d5; +} +.glazewm-workspaces { + margin: 0; +} + +.glazewm-workspaces .ws-btn { + font-size: 14px; + background-color: transparent; + padding: 0px 4px 0px 4px; + margin: 0 2px 0 2px; + color: #CDD6F4; +} + +.glazewm-workspaces .ws-btn.active_populated { + color: #000000; + background-color: #94e2d5; +} +.glazewm-workspaces .ws-btn.active_empty { + color: #000000; + background-color: #94e2d5; +} + +.glazewm-workspaces .ws-btn.populated { + color: #C2DAF7; +} + +.glazewm-workspaces .ws-btn.empty { + color: #7D8B9D; +} + +.glazewm-workspaces .ws-btn:hover, +.glazewm-workspaces .ws-btn.populated:hover, +.glazewm-workspaces .ws-btn.empty:hover { + background-color: #727272; +} +.microphone-widget .icon.muted { + color: #ff6b6b; + margin: 0 2px 0 0; +} + +.microphone-widget .icon { + color: #94e2d5; + margin: 0 2px 0 0; +} +.microphone-menu { + background-color: rgba(17, 17, 27, 0.4); + min-width: 300px; +} +/* System microphone volume */ +.microphone-menu .system-volume-container .volume-slider { + border: none; +} +/* Device list styles */ +.microphone-menu .microphone-container .device { + background-color: transparent; + border: none; + padding: 6px 8px 6px 4px; + margin: 2px 0; + font-size: 12px; + border-radius: 4px; +} +.microphone-menu .microphone-container .device.selected { + background-color: rgba(255, 255, 255, 0.085); +} +.microphone-menu .microphone-container .device:hover { + background-color: rgba(255, 255, 255, 0.06); +} diff --git a/themes/20650dea-7e59-4e8a-b69b-c8664666805d/theme.json b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/theme.json new file mode 100644 index 0000000..037d683 --- /dev/null +++ b/themes/20650dea-7e59-4e8a-b69b-c8664666805d/theme.json @@ -0,0 +1 @@ +{"id": "20650dea-7e59-4e8a-b69b-c8664666805d", "name": "Deep Work Control", "description": "Clean theme with grouped widgets", "homepage": "https://github.com/stylebending/yasb-deep-work-control", "style": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/20650dea-7e59-4e8a-b69b-c8664666805d/styles.css", "config": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/20650dea-7e59-4e8a-b69b-c8664666805d/config.yaml", "readme": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/20650dea-7e59-4e8a-b69b-c8664666805d/readme.md", "image": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/20650dea-7e59-4e8a-b69b-c8664666805d/image.png", "author": "stylebending", "publish_date": "2026-01-24T20:53:00.622587"} \ No newline at end of file