diff --git a/themes/d513044f-9218-46e1-ab62-c15705b80341/config.yaml b/themes/d513044f-9218-46e1-ab62-c15705b80341/config.yaml index 2654a95..264e25f 100644 --- a/themes/d513044f-9218-46e1-ab62-c15705b80341/config.yaml +++ b/themes/d513044f-9218-46e1-ab62-c15705b80341/config.yaml @@ -33,12 +33,14 @@ bars: stretch: True widgets: left: [ - "home", + "power_menu", + #"home", "active_window" ] center: [ "info-grouper", - "windows_workspaces", + "taskbar", + #"windows_workspaces", "clock-grouper" ] right: [ @@ -187,7 +189,7 @@ widgets: media: type: "yasb.media.MediaWidget" options: - label: "{title} \u2022 {artist}" + label: "{title} \u2022 {artist} \u2022" label_alt: "{title}" hide_empty: False callbacks: @@ -214,6 +216,7 @@ widgets: max_title_size: 60 max_artist_size: 20 show_source: True + show_volume_slider: True media_menu_icons: play: "\udb81\udc0a" pause: "\udb80\udfe4" @@ -354,39 +357,39 @@ widgets: blizzardDay: "\ue36f" default: "\ue350" weather_card: - blur: true - round_corners: true + blur: True + round_corners: True round_corners_type: "normal" border_color: "system" alignment: "right" direction: "down" icon_size: 64 - show_hourly_forecast: true + show_hourly_forecast: True time_format: "24h" hourly_point_spacing: 76 hourly_icon_size: 32 - icon_smoothing: true + icon_smoothing: True temp_line_width: 2 current_line_color: "#8EAEE8" current_line_width: 1 current_line_style: "dot" hourly_gradient: - enabled: true + enabled: True top_color: "#8EAEE8" bottom_color: "#2A3E68" hourly_forecast_buttons: - enabled: true # hide/show the buttons + enabled: True # hide/show the buttons default_view: "temperature" temperature_icon: "\udb81\udd04" # or \udb81\udd05 rain_icon: "\uef1c" snow_icon: "\udb81\udf17" weather_animation: - enabled: true - snow_overrides_rain: true + enabled: True + snow_overrides_rain: True temp_line_animation_style: both # can be "rain", "snow", "both", or "none" rain_effect_intensity: 1.0 # 0.01 - 10.0 snow_effect_intensity: 1.0 # 0.01 - 10.0 - scale_with_chance: true + scale_with_chance: True language: type: "yasb.language.LanguageWidget" options: @@ -479,3 +482,41 @@ widgets: callbacks: on_left: "toggle_label" on_right: "exec cmd.exe /c start ms-settings:bluetooth" + taskbar: + type: "yasb.taskbar.TaskbarWidget" + options: + icon_size: 16 + tooltip: True + show_only_visible: False + strict_filtering: False + hide_empty: True + animation: + enabled: False + ignore_apps: + processes: [] + titles: [] + classes: [] + power_menu: + type: "yasb.power_menu.PowerMenuWidget" + options: + label: "\uf51b" + uptime: False + show_user: False + blur: False + blur_background: True + animation_duration: 120 # Milliseconds + button_row: 4 # Number of buttons in a row, min 1 max 6 + buttons: + lock: ["\udb80\udf41", "Lock"] + sleep: ["\ue32b", "Sleep"] + signout: ["\udb81\uddfd", "Sign out"] + force_restart: ["\udb84\udd0c", "Force Reboot"] + hibernate: ["\uf28e", "Hibernate"] + shutdown: ["\uf011", "Shut Down"] + restart: ["\uead2", "Reboot"] + cancel: ["\udb81\udf3a", "Cancel"] + label_shadow: + enabled: False + color: "black" + radius: 3 + offset: [ 1, 1 ] diff --git a/themes/d513044f-9218-46e1-ab62-c15705b80341/image.png b/themes/d513044f-9218-46e1-ab62-c15705b80341/image.png index d3d081e..2255f02 100644 Binary files a/themes/d513044f-9218-46e1-ab62-c15705b80341/image.png and b/themes/d513044f-9218-46e1-ab62-c15705b80341/image.png differ diff --git a/themes/d513044f-9218-46e1-ab62-c15705b80341/styles.css b/themes/d513044f-9218-46e1-ab62-c15705b80341/styles.css index 1c145a4..e196894 100644 --- a/themes/d513044f-9218-46e1-ab62-c15705b80341/styles.css +++ b/themes/d513044f-9218-46e1-ab62-c15705b80341/styles.css @@ -105,15 +105,12 @@ } /* Widgets */ .clock-widget .widget-container, -.volume-widget .widget-container, .weather-widget .widget-container, .media-widget .widget-container, -.power-menu-widget .widget-container, -.memory-widget .widget-container, -.cpu-widget .widget-container, .traffic-widget .widget-container, .microphone-widget .widget-container, .windows-desktops .widget-container, +.taskbar-widget .widget-container, .screenshot-widget .widget-container, .clock-grouper .container, .showkeyboard-widget .widget-container, @@ -125,7 +122,8 @@ } .clock-grouper .container, .info-grouper .container, -.windows-desktops .widget-container { +.windows-desktops .widget-container, +.taskbar-widget .widget-container { border-radius: 12px; } .cpu-widget, .memory-widget, @@ -153,7 +151,7 @@ } /* Home */ .home-widget { -padding-left: 16px; + padding-left: 16px; } .home-widget .widget-container:hover { background: rgba(203, 166, 247, 0.2); @@ -240,7 +238,7 @@ padding-left: 16px; font-size: 13px; font-weight: 600; color: var(--white); - margin-top: 0px; + margin-top: 5px; margin-bottom: 8px; margin-left: 12px; } @@ -248,9 +246,10 @@ padding-left: 16px; font-size: 11px; color: #000; font-weight: normal; - border-radius: 3px; + border-radius: 4px; background-color: var(--pale-blue); padding: 2px 4px; + margin: 15px 30px 0px 0px; } .media-menu .source.spotify { background-color: var(--green); @@ -311,6 +310,31 @@ padding-left: 16px; border-radius: 3px; height: 4px; } +.media-menu .app-volume-container { + margin-left: 10px; +} +.media-menu .app-volume-container .volume-slider::groove { + width: 2px; + border-radius: 3px; +} +.media-menu .app-volume-container .volume-slider::add-page { + background: var(--pale-blue); + border-radius: 3px; +} +.media-menu .app-volume-container .volume-slider::groove:hover { + background: var(--widget-background); + width: 6px; + border-radius: 3px; +} +.media-menu .app-volume-container .volume-slider::sub-page { + background: var(--widget-background); + border-radius: 3px; +} +.media-menu .app-volume-container .mute-button, +.media-menu .app-volume-container .unmute-button { + font-size: 1px; + color: var(--yasb-background); +} /* Windows desktops */ .windows-desktops .widget-container { padding: 0px 5px 0px 5px; @@ -569,7 +593,7 @@ padding-left: 16px; background-color: rgba(0, 0, 0, 0.1); /* Snow BG */ } .weather-card .hourly-data-buttons { - margin: 15px 0px 0px 480px; + margin: 15px 0px 0px 475px; } .weather-card .hourly-data-button { margin: 0px; @@ -709,3 +733,75 @@ padding-left: 16px; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; } + +.taskbar-widget .widget-container { + padding: 0px 5px 0px 5px; +} +.taskbar-widget .app-container { + background-color: var(--green); + padding: 3px 3px 3px 3px; + margin: 5px 2px 5px 2px; + border-radius: 10px; +} +.taskbar-widget .app-container.foreground { + background-color: var(--pale-blue); +} +.taskbar-widget .app-container .app-icon { + background-color: rgba(0, 0, 0, 0.7); + border-radius: 8; +} +.taskbar-widget .app-container:hover { + border-radius: 10px; + padding: 0px 2px 0px 2px; + margin: 3px 2px 7px 2px; +} +.taskbar-widget .app-container.running { + background-color: rgba(210, 229, 244, 0.2); +} +.power-menu-widget { + padding-left: 16px; +} +.power-menu-widget .label { + font-size: 20px; + font-family: "JetBrainsMono NFP ExtraBold"; +} +.power-menu-widget .widget-container { + background-color: var(--slate-gray); + padding: 0px 12px 0px 12px; + border-radius: 18px; +} +.power-menu-widget .widget-container:hover { + background-color: rgba(210, 229, 244, 0.2); +} +.power-menu-popup { + background-color: rgba(255, 255, 255, 0); +} +.power-menu-popup .button { + padding: 0; + min-width: 155px; + max-width: 155px; + min-height: 155px; + border-radius: 50px; + background-color: rgba(0, 0, 0, 0.7); + border: 8px solid rgba(255, 255, 255, 0) +} +.power-menu-popup .button.hover { + background-color: var(--pale-blue); + border-radius: 85px; +} +.power-menu-popup .button .label { + font-size: 13px; + font-weight: 600; + color: white; +} +.power-menu-popup .button .icon { + font-size: 48px; + color: white; +} +.power-menu-popup .button.hover .label, +.power-menu-popup .button.hover .icon { + color: black; +} +.power-menu-overlay { + background-color: rgba(0, 0, 0, 0.15); +}