diff --git a/themes/764a14e0-2d6a-4826-994a-9289857886ba/config.yaml b/themes/764a14e0-2d6a-4826-994a-9289857886ba/config.yaml index 9446e6d..7570145 100644 --- a/themes/764a14e0-2d6a-4826-994a-9289857886ba/config.yaml +++ b/themes/764a14e0-2d6a-4826-994a-9289857886ba/config.yaml @@ -35,7 +35,8 @@ bars: widgets: left: [ "power_menu", - "apps" + "apps", + "systray" ] center: [ "media" @@ -46,8 +47,8 @@ bars: "wifi", "bluetooth", "volume", - "language", - "systray" + "brightness", + "language" ] layouts: left: @@ -60,6 +61,41 @@ bars: alignment: "right" stretch: true widgets: + brightness: + type: "yasb.brightness.BrightnessWidget" + options: + label: "{icon}" + label_alt: "Brightness {percent}%" + tooltip: true + hide_unsupported: true + brightness_toggle_level: [0, 50, 100] + auto_light: false + auto_light_icon: "\udb80\udce1" + auto_light_night_level: 35 + auto_light_night_start_time: "19:00" + auto_light_night_end_time: "06:45" + auto_light_day_level: 75 + brightness_icons: [ + "\udb80\udcde", # Icon for 0-25% brightness + "\udb80\udcdd", # Icon for 26-50% brightness + "\udb80\udcdf", # Icon for 51-75% brightness + "\udb80\udce0" # Icon for 76-100% brightness + ] + brightness_menu: + blur: true + round_corners: true + round_corners_type: "normal" + border_color: "System" + alignment: "right" + direction: "down" + callbacks: + on_left: "toggle_brightness_menu" + on_middle: "toggle_label" + label_shadow: + enabled: true + color: "black" + radius: 3 + offset: [ 1, 1 ] wifi: type: "yasb.wifi.WifiWidget" options: @@ -99,7 +135,7 @@ widgets: on_right: "exec cmd.exe /c start ms-settings:network" container_padding: top: 0 - left: + left: 8 bottom: 0 right: 8 wifi_icons: [ @@ -113,9 +149,9 @@ widgets: type: "yasb.systray.SystrayWidget" options: class_name: "systray" - label_collapsed: "\uf137" - label_expanded: "\uf138" - label_position: "right" # Can be "left" or "right" + label_collapsed: "\uf138" + label_expanded: "\uf137" + label_position: "left" # Can be "left" or "right" icon_size: 15 # Can be any integer between 8 and 64 pin_click_modifier: "alt" # Can be "ctrl", "alt" or "shift" #show_unpinned: false @@ -183,13 +219,13 @@ widgets: type: "yasb.active_window.ActiveWindowWidget" options: label: "{win[title]}" - label_alt: "[class_name='{win[class_name]}' exe='{win[process][name]}' hwnd={win[hwnd]}]" + label_alt: "[class_name='{win[class_name]}' exe='{win[process][name]}']" label_no_window: "" - label_icon: true + label_icon: false label_icon_size: 14 max_length: 20 max_length_ellipsis: "..." - monitor_exclusive: false + monitor_exclusive: true cpu: type: "yasb.cpu.CpuWidget" options: @@ -267,11 +303,12 @@ widgets: media: type: "yasb.media.MediaWidget" options: - label: "{title} - {artist}" + label: "{title}{s}{artist}" label_alt: "{title}" + separator: " - " max_field_size: - label: 17 - label_alt: 24 + label: 20 + label_alt: 30 show_thumbnail: true controls_only: false controls_left: true @@ -279,6 +316,9 @@ widgets: thumbnail_alpha: 255 thumbnail_padding: 0 thumbnail_edge_fade: true + progress_bar: + enabled: true + alignment: "top" icons: prev_track: "\uf048" next_track: "\uf051" @@ -287,13 +327,14 @@ widgets: scrolling_label: enabled: true update_interval_ms: 30 - style: "left" # can be "left", "right", "bounce", "bounce-ease" + style: "bounce" # can be "left", "right", "bounce", "bounce-ease" separator: " | " label_padding: 1 # Easing curve params: https://www.desmos.com/calculator/j7eamemxzi ease_slope: 20 ease_pos: 0.8 ease_min: 0.5 + always_scroll: false media_menu: blur: true round_corners: true @@ -321,7 +362,7 @@ widgets: label_shadow: enabled: true color: "black" - radius: 3 + radius: 4 offset: [ 1, 1 ] callbacks: on_left: "toggle_play_pause" @@ -344,6 +385,11 @@ widgets: alignment: "center" direction: "down" distance: 6 + show_holidays: true + show_week_numbers: true + show_years: true + country_code: "RU" + extended: false container_padding: top: 0 left: 8 @@ -385,8 +431,8 @@ widgets: cloudyNight: "\U0001F315" rainyDay: "\U0001F327" rainyNight: "\U0001F327\U0001F311" - snowyDay: "\U00002744" - snowyNight: "\U0001F328" + snowyIcyDay: "\U00002744" + snowyIcyNight: "\U0001F328" blizzardDay: "\U0001F32C" container_padding: top: 0 @@ -430,6 +476,10 @@ widgets: alignment: "right" direction: "down" distance: 6 + show_apps: true # Whether to show the list of applications with audio sessions + show_app_labels: true # Whether to show application labels in the audio menu + show_app_icons: true # Whether to show application icons in the audio menu + show_apps_expanded: true # Whether application volumes are expanded by default when opening the menu container_padding: top: 0 left: 8 @@ -461,26 +511,30 @@ widgets: options: container_padding: top: 0 - left: 4 + left: 0 bottom: 0 right: 0 label: "{data}" app_list: - { icon: "\ueb03", launch: "cmd /c Taskmgr" } - - { icon: "\uf282",launch: "C:\\ProgramData\\Microsoft\\Windows\\Start Menu\\Programs\\Microsoft Edge.lnk" } - { icon: "\uf489", launch: "wt" } - - { icon: "\uf07b", launch: "explorer" } - - { icon: "\uee59",launch: "C:\\Users\\alex2\\AppData\\Roaming\\Microsoft\\Windows\\Start Menu\\Programs\\TeamSpeak.lnk" } - { icon: "\uf1b6",launch: "C:\\Users\\alex2\\AppData\\Roaming\\Microsoft\\Windows\\Start Menu\\Programs\\Steam\\Steam.lnk" } - - { icon: "\uf2c6",launch: "C:\\Program Files\\WindowsApps\\TelegramMessengerLLP.TelegramDesktop_5.15.2.0_x64__t4vj0pshhgkwm\\Telegram.exe" } + - { icon: "\uee59",launch: "C:\\Users\\alex2\\AppData\\Roaming\\Microsoft\\Windows\\Start Menu\\Programs\\TeamSpeak.lnk" } taskbar: type: "yasb.taskbar.TaskbarWidget" options: + tooltip: true animation: enabled: true duration: 100 type: "fadeInOut" icon_size: 16 + preview: + enabled: true + width: 240 + delay: 400 + padding: 8 + margin: 8 ignore_apps: processes: [] titles: [] @@ -488,7 +542,12 @@ widgets: callbacks: on_left: "toggle_window" on_middle: "close_app" - on_right: "do_nothing" + on_right: "context_menu" + title_label: + enabled: true + show: "focused" + min_length: 5 + max_length: 15 bluetooth: type: "yasb.bluetooth.BluetoothWidget" options: diff --git a/themes/764a14e0-2d6a-4826-994a-9289857886ba/styles.css b/themes/764a14e0-2d6a-4826-994a-9289857886ba/styles.css index 6e56b27..9c403cf 100644 --- a/themes/764a14e0-2d6a-4826-994a-9289857886ba/styles.css +++ b/themes/764a14e0-2d6a-4826-994a-9289857886ba/styles.css @@ -73,20 +73,17 @@ margin: 0; padding: 0; } + .yasb-bar { - padding: 0 -2px; + padding: 0 0px; margin: 0; - border-radius: 8px; - margin-left: 9px; - margin-right: 9px; + border-radius: 20px; + margin-right: 3px; margin-top: 0px; margin-bottom: 0px; background: rgba(0, 0, 0, 0.01); } -.widget { - padding: 0 2px; - margin: 0; -} + .icon { font-size: 14px; } @@ -109,7 +106,8 @@ background-color: rgba(0, 0, 0, 0); margin: 0px 0 0px 0; border-radius: 6px; - + margin-right: 4px; + margin-left: 4px; } .media-widget .widget-container @@ -120,6 +118,14 @@ } +.brightness-widget { + padding-left: 1px; + padding-right: 1px; +} +.brightness-widget .widget-container {} +.brightness-widget .widget-container .label {} +.brightness-widget .widget-container .icon {} + /* WIFI Setting */ .wifi-widget .icon{ color: var(--main) !important; @@ -127,7 +133,9 @@ .wifi-widget { background: rgba(0, 0, 0, 0.01); } -.wifi-widget .widget-container {} +.wifi-widget .widget-container { + +} .wifi-widget .widget-container .label {} .wifi-widget .widget-container .label.alt {} .wifi-widget .widget-container .icon {} @@ -357,7 +365,6 @@ border-radius: 6px; } .systray .button[dragging=true] { - background: var(--main); border-color: var(--main); } .systray .unpinned-visibility-btn { @@ -370,10 +377,6 @@ color: #babfd3; } -.systray .unpinned-visibility-btn:checked { - margin-left: 8px; -} - /*DISK WIDGET*/ .disk-widget { padding-right: 0px; @@ -437,6 +440,11 @@ font-weight: bold; } +.clock-widget .widget-container { + margin-right: 0; + margin-left: 0; +} + .calendar { background-color: rgba(17, 17, 27, 0.5); } @@ -609,11 +617,10 @@ border-radius: 8px; } -/* VOLUMEN Settings */ +/* VOLUME Settings */ .volume-widget .icon { background: rgba(0, 0, 0, 0.01); color: var(--main); - margin-right: 4px; min-width: 18px; } @@ -637,7 +644,11 @@ } .volume-slider::handle{ color: var(--mainLight); - border-radius: 2px; + border-radius: 5px; + margin: -5px 0; + background: var(--mainLight); + width: 10px; + height: 10px; } .volume-slider::groove:hover { height: 5px; @@ -670,6 +681,81 @@ background-color: rgba(255, 255, 255, 0.17); } +/* Container for application volumes (if is enabled) */ +.audio-menu .apps-container { + padding: 8px; + margin-top:20px; + border-radius: 8px; + background-color:rgba(255, 255, 255, 0.062) +} +.audio-menu .apps-container .app-volume .app-icon-container { + min-width: 40px; + min-height: 40px; + max-width: 40px; + max-height: 40px; + border-radius: 6px; + margin-right: 8px; +} + +.audio-menu .apps-container .app-volume .app-slider { + border-radius: 2px; + border: none; + color: var(--main); + height: 5px; +} +.audio-menu .apps-container .app-volume .app-slider::groove { + height: 5px; + border-radius: 2px; + background: rgba(255, 255, 255, 0.1); +} +.audio-menu .apps-container .app-volume .app-slider::handle{ + color: var(--mainLight); + border-radius: 5px; + margin: -5px 0; + background: var(--mainLight); + width: 10px; + height: 10px; +} +.audio-menu .apps-container .app-volume .app-slider::groove:hover { + height: 5px; + border-radius: 2px; + background: rgba(255, 255, 255, 0.2); +} + +.audio-menu .apps-container .app-volume .app-slider::sub-page { + background: var(--main); + border-radius: 2px; + height: 5px; +} + +.audio-menu .apps-container .app-volume .app-icon-container:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +/* Toggle button for application volumes (if is enabled) */ +.audio-menu .toggle-apps { + background-color: transparent; + border: none; + padding: 0; + margin-left: 5px; + min-height: 24px; + min-width: 24px; + border-radius: 4px; +} +.audio-menu .toggle-apps.expanded { + background-color: rgba(255, 255, 255, 0.1); +} +.audio-menu .toggle-apps:hover { + background-color: rgba(255, 255, 255, 0.15); + +} + +.audio-menu .apps-container .app-volume .app-label { + color: var(--mainLight); + background: rgba(0, 0, 0, 0.01); + font-weight: bold; +} /* Application label */ + /* LANGUAGE Settings */ .language-widget { padding-left: 0; @@ -678,6 +764,7 @@ border-bottom-left-radius: 0; border-top-left-radius: 0; } + .language-widget .icon { background: rgba(0, 0, 0, 0.01); color: var(--main); @@ -791,53 +878,70 @@ } .taskbar-widget .app-container.foreground{ - background-color: rgba(148, 148, 148, 0.45); + background-color: rgba(148, 148, 148, 0.27); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; } +.taskbar-widget .app-container .app-title { + padding-left: 4px; + color: var(--main); + font-weight: bold; +} + .taskbar-widget .app-container { margin-bottom: 4px; margin-top: 4px; - padding: 0 3px 0 3px; + margin-left: 2px; + padding: 2px 3px 2px 3px; border: none; background-color: rgba(0, 0, 0, 0.01); } -.taskbar-widget .app-container.flashing { - background-color: rgba(255, 106, 106, 0.63); -} .taskbar-widget { - - margin-right: -12px; + margin-right: -4px; } .taskbar-widget .widget-container { border-bottom-left-radius: 0; border-top-left-radius: 0; - padding: 0 12px 0 12px; + padding: 0 6px 0 6px; /* padding-left: 6px; */ } +.taskbar-widget .app-container.running +{ + background-color: rgba(148, 148, 148, 0.07); + border-radius: 6px; +} + +.taskbar-preview { + border-radius: 8px; + background-color: rgba(17, 17, 27, 0.8); +} +.taskbar-preview .header { + padding-bottom: 12px; + padding-top: 4px; +} +.taskbar-preview .header .title { + color: var(--mainLight); + font-weight: 600; + font-size: 12px; +} + /* ACTIVE WINDOW Settings */ -.active-window-widget .icon { +.active-window-widget .widget-container .icon { padding: 0 9px; } -.active-window-widget .label { +.active-window-widget .widget-container .label { color: var(--mainLight); background: rgba(0, 0, 0, 0.01); - font-weight: bold; } .active-window-widget { padding-right: 0; } -.active-window-widget .widget-container { - padding: auto; - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} /* HOME Settings */ .home-widget { @@ -879,11 +983,10 @@ .media-widget .label { color: var(--mainLight); font-weight: bold; - padding: 0px; - padding-left: 16px; + padding-left: 10px; font-size: 12px; - max-width: 220px; - min-width: 220px; + max-width: 240px; + min-width: 240px; } .media-widget .btn { color: var(--main); @@ -996,6 +1099,17 @@ height: 4px; } +.media-widget .progress-bar { + max-height: 2px; + background-color: transparent; + margin-left: 5px; + border: none; +} + +.media-widget .progress-bar::chunk { + background-color: var(--main); + border-radius: 5px; +} /* NOTIFICATION Settings */ .notification-widget .icon { @@ -1011,6 +1125,8 @@ /* bluetooth Settings */ .bluetooth-widget .icon { background: rgba(0, 0, 0, 0.01); + margin-left: 1px; + margin-right: 2px; } .bluetooth-widget {} .bluetooth-widget .widget-container {}