(Widget) Komorebi Control - thesleepingsage/yasb-wiki GitHub Wiki
This widget provides a control interface for Komorebi, allowing users to start, stop, and reload the application. It also includes options for running AutoHotKey and WHKD, as well as displaying the Komorebi version.
Option | Type | Default | Description |
---|---|---|---|
label |
string | "\udb80\uddd9" |
Icon or text label. |
icons |
dict | '{'start': "\uead3",'stop': "\uead7",'reload': "\uead2",}' |
Button icons. |
run_ahk |
boolean | false |
Whether to run AutoHotKey. |
run_whkd |
boolean | false |
Whether to run WHKD. |
show_version |
boolean | false |
Whether to show the komorebi version. |
komorebi_menu |
dict | {'blur': True, 'round_corners': True, 'round_corners_type': 'normal','border_color': 'System', 'alignment': 'right', 'direction': 'down', 'offset_top': 6, 'offset_left': 0} |
Settings for the Komorebi menu. |
callbacks |
dict | {'on_left': 'toggle_menu', 'on_middle': 'do_nothing', 'on_right': 'do_nothing'} |
Callbacks for mouse events. |
container_padding |
dict | {'top': 0, 'left': 0, 'bottom': 0, 'right': 0} |
Explicitly set padding inside widget container. |
animation |
dict | {'enabled': True, 'type': 'fadeInOut', 'duration': 200} |
Animation settings for the widget. |
container_shadow |
dict | None |
Container shadow options. |
label_shadow |
dict | None |
Label shadow options. |
komorebi_control:
type: "komorebi.control.KomorebiControlWidget"
options:
label: "<span>\udb80\uddd9</span>"
icons:
start: "\uead3"
stop: "\uead7"
reload: "\uead2"
run_ahk: false
run_whkd: true
show_version: true
komorebi_menu:
blur: True
round_corners: True
round_corners_type: 'normal'
border_color: 'System'
alignment: 'left'
direction: 'down'
offset_top: 6
offset_left: 0
label_shadow:
enabled: true
color: "black"
radius: 3
offset: [ 1, 1 ]
- label: Icon or text label.
-
icons: Button icons.
- start: Icon for the start button.
- stop: Icon for the stop button.
- reload: Icon for the reload button.
- run_ahk: Whether to run AutoHotKey.
- run_whkd: Whether to run WHKD.
- show_version: Whether to show the komorebi version.
-
komorebi_menu: Settings for the Komorebi menu.
- blur: Whether to enable blur effect.
- round_corners: Whether to round corners.
- round_corners_type: Type of rounding ("Normal", "Small").
- border_color: Border color ("System", None, "Hex Color").
- alignment: Alignment of the menu (left, right, center).
- direction: Direction of the menu (up, down).
- offset_top: Top offset for the menu.
- offset_left: Left offset for the menu.
- callbacks: Callbacks for mouse events.
- container_padding: Explicitly set padding inside widget container.
-
animation: Animation settings for the widget.
- enabled: Whether to enable animation.
- type: Type of animation (fadeInOut, slideIn, etc.).
- duration: Duration of the animation in milliseconds.
- container_shadow: Container shadow options.
- label_shadow: Label shadow options.
.komorebi-control-widget {}
.komorebi-control-widget .widget-container {}
.komorebi-control-widget .widget-container .label {}
.komorebi-control-widget .widget-container .icon {}
/* Komorebi Menu */
.komorebi-control-menu {}
.komorebi-control-menu .button {}
.komorebi-control-menu .button:hover {}
.komorebi-control-menu .button.start {}
.komorebi-control-menu .button.stop {}
.komorebi-control-menu .button.reload {}
.komorebi-control-menu .button.active {}
.komorebi-control-menu .button:disabled {}
.komorebi-control-menu .footer {}
.komorebi-control-menu .footer .text {}
.komorebi-control-widget .label {
font-size: 14px;
color: #cdd6f4;
font-weight: 600;
}
.komorebi-control-menu {
background-color: rgba(17, 17, 27, 0.2);
}
.komorebi-control-menu .button {
color: rgba(162, 177, 199, 0.4);
padding: 8px 16px;
font-size: 32px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.04);
}
.komorebi-control-menu .button.active {
color: rgb(228, 228, 228);
background-color: rgba(255, 255, 255, 0.04);
}
.komorebi-control-menu .button:disabled,
.komorebi-control-menu .button.active:disabled {
background-color: rgba(255, 255, 255, 0.01);
color: rgba(255, 255, 255, 0.2);
}
.komorebi-control-menu .footer .text {
font-size: 12px;
color: #6c7086;
}