wallenstein/hyprland-void-dots
1
0
Fork 0
mirror of https://github.imc.re/void-land/hyprland-void-dots synced 2025-06-07 20:13:42 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: osd widget

Browse source
This commit is contained in:
hesam-init 2024-07-02 13:05:17 +03:30
parent 978037d7d0
commit f0a51d2f8c
8 changed files with 119 additions and 101 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
hypr-configs/hyprland/eww/assets/scss/_components.scss
View file

@ -20,9 +20,6 @@
} }
.vertical-bar-slider { .vertical-bar-slider {
scale {
all: unset;
trough { trough {
background-color: $surface2; background-color: $surface2;
border-radius: get-token(border-radius); border-radius: get-token(border-radius);
@ -40,5 +37,8 @@
border-radius: get-token(border-radius); border-radius: get-token(border-radius);
} }
} }
.volume-icon {
font-size: get-token(font-sizes, large);
} }
} }

4
hypr-configs/hyprland/eww/assets/scss/_native.scss
View file

@ -17,6 +17,10 @@ entry {
color: $white0; color: $white0;
} }
scale {
all: unset;
}
calendar { calendar {
all: unset; all: unset;
background-color: $surface0; background-color: $surface0;

28
hypr-configs/hyprland/eww/assets/scss/windows/_osd.scss
View file

@ -1,10 +1,24 @@
@mixin window { .volume-osd {
border-radius: 1rem; @extend .panel-widget;
padding: 1rem; border-radius: get-token(border-radius, large);
box-shadow: 0 0 4px 2px;
margin: 1rem; min-width: 320px;
} }
.volume-osd { .volume-scale {
@include window; trough {
border-radius: get-token(border-radius, large);
min-height: 32px;
background-color: $surface1;
highlight {
border-radius: get-token(border-radius, large);
background-color: $accent;
}
}
.volume-icon {
font-size: get-token(font-sizes, large);
margin-left: 8px;
}
} }

1
hypr-configs/hyprland/eww/eww.scss
View file

@ -8,6 +8,7 @@
@import "./assets/scss/windows/control-panel"; @import "./assets/scss/windows/control-panel";
@import "./assets/scss/windows/vertical-bar"; @import "./assets/scss/windows/vertical-bar";
@import "./assets/scss/windows/dashboard"; @import "./assets/scss/windows/dashboard";
@import "./assets/scss/windows/osd";
@import "./src/dock/styles.scss"; @import "./src/dock/styles.scss";
@import "./src/desktop/styles.scss"; @import "./src/desktop/styles.scss";

5
hypr-configs/hyprland/eww/src/-components/_sliders.yuck
View file

@ -1,11 +1,10 @@
(defwidget VerticalBarSlider [var ?onchange] (defwidget VerticalBarSlider [var ?onchange]
(box
:class "vertical-bar-slider"
(scale (scale
:value var :value var
:onchange onchange :onchange onchange
:class "vertical-bar-slider"
:orientation "v" :orientation "v"
:tooltip "${var}%" :tooltip "${var}%"
:max 101 :max 101
:min 0 :min 0
:flipped true))) :flipped true))

2
hypr-configs/hyprland/eww/src/_definitions.yuck
View file

@ -51,7 +51,7 @@
(defvar caffeine false) (defvar caffeine false)
; Osd ; Osd
(defvar revealOsd true) (defvar revealOsd false)
; Sidebar ; Sidebar
(defvar revealVolume false) (defvar revealVolume false)

4
hypr-configs/hyprland/eww/src/windows/_osd.yuck
View file

@ -4,8 +4,8 @@
(VolumeScale)))) (VolumeScale))))
(defwidget VolumeScale [] (defwidget VolumeScale []
(overlay :hexpand true (overlay :hexpand true :class "volume-scale"
(scale :min 0 :max 100 :active {volume != "muted"} :value {volume == "muted" ? 0 : volume} :onchange "pamixer --set-volume {}" :class "volume-scale") (scale :min 0 :max 100 :active {volume != "muted"} :value {volume == "muted" ? 0 : volume} :onchange "pamixer --set-volume {}")
(label :class 'volume-icon ${volume == "muted" ? "less" : volume < 5 ? "less" : "more"}' :halign "start" :text {volume == "muted" ? "󰸈" : volume < 33 ? "" : volume < 67 ? "" : ""}))) (label :class 'volume-icon ${volume == "muted" ? "less" : volume < 5 ? "less" : "more"}' :halign "start" :text {volume == "muted" ? "󰸈" : volume < 33 ? "" : volume < 67 ? "" : ""})))
(defwidget VolumeControlCenter [] (defwidget VolumeControlCenter []