From 88963cf6aedfb1fae974f1d9a0cde72f37cf6e35 Mon Sep 17 00:00:00 2001 From: mx <1+mx@noreply.git.xnmr.ph> Date: Tue, 23 Jun 2026 13:07:57 +0000 Subject: [PATCH] Upload files to "YASB config for Komorebi" --- YASB config for Komorebi/config.yaml | 176 +++++++++++++++++++++++++ YASB config for Komorebi/styles.css | 186 +++++++++++++++++++++++++++ 2 files changed, 362 insertions(+) create mode 100644 YASB config for Komorebi/config.yaml create mode 100644 YASB config for Komorebi/styles.css diff --git a/YASB config for Komorebi/config.yaml b/YASB config for Komorebi/config.yaml new file mode 100644 index 0000000..1cab8bb --- /dev/null +++ b/YASB config for Komorebi/config.yaml @@ -0,0 +1,176 @@ +watch_stylesheet: true +watch_config: true +debug: false +update_check: true # Enable automatic update check. +komorebi: + start_command: "komorebic start --whkd && 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: 1000 + blur_effect: + enabled: true + acrylic: true + dark_mode: true + round_corners: true + round_corners_type: "normal" + border_color: "#8dbcff" + window_flags: + always_on_top: false + windows_app_bar: true + dimensions: + width: "100%" + height: 26 + padding: + top: 3 + left: 3 + bottom: 0 + right: 3 + widgets: + left: [ + "komorebi_workspaces", + "komorebi_active_layout", + "active_window" + ] + center: [ + "clock" + ] + right: [ + "cpu", + "memory", + ] +widgets: + active_window: + type: "yasb.active_window.ActiveWindowWidget" + options: + label: "{win[process][name]}" + label_alt: "{win[title]}" + label_no_window: "" + label_icon: true + label_icon_size: 14 + max_length: 46 + max_length_ellipsis: "..." + monitor_exclusive: true + clock: + type: "yasb.clock.ClockWidget" + options: + label: "{%I:%M:%S}" + label_alt: "{%I:%M:%S}" + timezones: [] + callbacks: + on_left: "" + + power_menu: + type: "yasb.power_menu.PowerMenuWidget" + options: + label: "\uf011" + uptime: True + blur: False + blur_background: True + animation_duration: 200 + button_row: 5 + buttons: + shutdown: ["\uf011", "Rage Quit"] + restart: ["\uead2", "Oops, Reboot"] + signout: ["\udb80\udf43", "Dip Out"] + hibernate: ["\uf28e", "Bear Mode"] + sleep: ["\u23fe", "Nap Time"] + cancel: ["", "Nah, Im Good "] + + cpu: + type: "yasb.cpu.CpuWidget" + options: + label: "{info[percent][total]:.0f}%" + progress_bar: + enabled: true + position: "left" + size: 16 + thickness: 3 + color: "#89dceb" + background_color: "#1e1e2e" + animation: true + animation: + enabled: true + type: FadeInOut + duration: 200 + update_interval: 2000 + callbacks: + on_right: "do_nothing" + on_left: "do_nothing" + memory: + type: "yasb.memory.MemoryWidget" + options: + label: "{virtual_mem_percent}%" + update_interval: 5000 + progress_bar: + enabled: true + size: 16 + thickness: 3 + position: left + color: "#cba6f7" + background_color: "#1e1e2e" + animation: True + animation: + enabled: true + type: FadeInOut + duration: 200 + callbacks: + on_left: "do_nothing" + memory_thresholds: + low: 25 + medium: 50 + high: 90 + komorebi_workspaces: + type: "komorebi.workspaces.WorkspaceWidget" + options: + label_offline: "\u23fc Offline" + label_workspace_btn: "\u000d" + label_workspace_active_btn: "\u000d" + label_workspace_populated_btn: "\u000d" + label_default_name: "{index}" + label_zero_index: false + hide_empty_workspaces: false + hide_if_offline: true + animation: true + komorebi_active_layout: + type: "komorebi.active_layout.ActiveLayoutWidget" + options: + hide_if_offline: false + label: "{icon}" + layouts: + [ + "bsp", + "columns", + "rows", + "grid", + "vertical_stack", + "horizontal_stack", + "ultrawide_vertical_stack", + "right_main_vertical_stack", + ] + layout_icons: + bsp: "BSP" + columns: "COLS" + rows: "ROWS" + grid: "GRID" + vertical_stack: "V-STACK" + horizontal_stack: "H-STACK" + ultrawide_vertical_stack: "W-STACK" + right_main_vertical_stack: "RMV-STACK" + monocle: "MONOCLE" + maximized: "MAX" + floating: "FLOATING" + paused: "PAUSED" + callbacks: + on_left: "next_layout" + on_middle: "toggle_monocle" + on_right: "prev_layout" \ No newline at end of file diff --git a/YASB config for Komorebi/styles.css b/YASB config for Komorebi/styles.css new file mode 100644 index 0000000..8a770b5 --- /dev/null +++ b/YASB config for Komorebi/styles.css @@ -0,0 +1,186 @@ +* { + font-size: 10px; + color: #cdd6f4; + font-weight: 500; + font-family: "JetBrainsMono NFP"; + margin: 0; + padding: 0; +} +.yasb-bar { + padding: 0 8px; + margin: 0; + background-color: #1e1e2e; + border-radius: 8px; +} +.widget { + padding: 0 10px; + margin: 0; +} +.widget .label { + padding: 2px 2px 1px 2px; +} +.widget .label.alt { + padding: 1px 8px 1px 8px; +} +.clock-widget .label { + padding-left:8px; +} + + + +/*POWER MENU WIDGET*/ +/* Uptime text */ +.uptime { + font-size: 14px; + margin-bottom: 10px; + color: rgba(191, 202, 219, 0.726); + font-weight: 600; + font-family: "JetBrainsMono NFP"; +} +.power-menu-widget .label { + color: #eba0ac; + font-size: 16px; +} +.power-menu-popup .button { + padding: 0; + width: 160px; + height: 240px; + border-radius: 4px; + background-color: rgba(41, 42, 58, 0.75); + font-family: "JetBrainsMono NFP"; + color: white; + border: 4px solid rgba(255, 255, 255, 0); + +} +.power-menu-popup .button.hover { + background-color: rgb(55, 56, 75); + border: 4px solid rgb(55, 56, 75); +} +.power-menu-popup .button .label { + margin-bottom: 8px; + font-size: 16px; + font-weight: 600; + color: rgba(255, 255, 255, 0.6); + font-family: "JetBrainsMono NFP"; +} +.power-menu-popup .button .icon { + font-size: 64px; + padding-top: 54px; + color: rgba(255, 255, 255, 0.25); +} +.power-menu-popup .button.cancel { + height: 20px !important; /* Much thinner than the 240px of other buttons */ + width: 100%; /* Full width to span across */ + padding-top: 10px; + padding-bottom: 10px; +} + +.power-menu-popup .button.cancel .icon { + font-size: 24px !important; /* Smaller icon for the thinner button */ + padding-top: 0px !important; /* Remove the large top padding */ + color: rgba(243, 139, 168, 0.55); +} + +.power-menu-popup .button.cancel .label { + margin-bottom: 0px !important; /* Remove bottom margin */ + color: rgba(243, 139, 168, 0.95); +} + + +/* ICONS */ +.icon { + font-size: 16px; +} +.volume-widget .icon { + color: #89b4fa; + margin: 1px 2px 0 0; +} +.start-menu .icon { + font-size: 18px; + color: #89b4fa +} +.clock-widget .icon { + color: #cba6f7; + font-size: 14px; +} +/* CALENDAR WIDGET */ +.calendar { + background-color: rgba(17, 17, 27, 0.4); +} +.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', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + border: none; + outline: none; +} +.calendar .calendar-table::item:selected { + color: rgb(255, 255, 255); + background-color: #007acc; + border-radius: 10px; +} +.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 .week-label, +.calendar .holiday-label { + font-size: 12px; + font-weight: 600; + color: rgba(162, 177, 196, 0.85); +} +.calendar .holiday-label { + color: rgba(162, 177, 196, 0.85); + font-weight: 700; +} +.calendar .month-label { + font-weight: normal; +} +.calendar .date-label { + font-size: 88px; + font-weight: 900; + color: rgb(255, 255, 255); + margin-top: -20px; +} + +.komorebi-active-layout { + padding: 0 +} +.komorebi-workspaces .offline-status { + color: #cdd6f4; + font-size: 12px; + padding: 0 0 0 4px; + font-weight: 600; +} +.komorebi-workspaces .ws-btn { + border: none; + background-color: #6c7086; + margin: 0 3px; + height: 9px; + width: 9px; + border-radius: 4px; +} +.komorebi-workspaces .ws-btn:hover { + color: #cdd6f4; +} +.komorebi-workspaces .ws-btn.populated { + background-color: #b4befe; +} +.komorebi-workspaces .ws-btn.active { + background-color: #89b4fa; + width: 36px; +} \ No newline at end of file