aniva
/
config
1
1
Fork 0
Code Issues 3 Pull Requests 2 Packages Projects Releases Wiki Activity

feat: Moving towards eww bar only

This commit is contained in:
Leni Aniva 2024-05-31 14:33:53 -07:00
parent 133b8f59fb
commit 240ab80383
Signed by: aniva
GPG Key ID: 4D9B1C8D10EA4C50
3 changed files with 182 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
eww/bar/eww.scss
View File

@ -16,7 +16,7 @@ $clock: rgba(171, 233, 179, 1.0);
$media: rgba(224, 232, 224, 0.7);
$tray_background: rgba(204, 204, 204, 0.1);
$tray_bg: rgba(204, 204, 204, 0.1);
$tray: #c9cbff;
$keyboard: #f2cdcd;
$language: #e8a2af;
@ -34,12 +34,18 @@ $battery: #b6b2b3;
* { all: unset; }
.bar {
//background-color: transparent;
.vbar {
background-color: transparent;
margin-left: 5px;
font-size: 15px;
font-family: monospace;
}
.hbar {
background-color: transparent;
margin-top: 5px;
font-size: 15px;
font-family: monospace;
}
.icon {
font-size: 20px;
@ -105,6 +111,27 @@ box .weather {
color: mix($weather_end, $weather, 100%);
}
}
.audio .audio-scale {
color: $audio;
}
scale {
border-radius: 5px;
min-height: 80px;
min-width: 10px;
margin: .3rem 0 .3rem 0;
}
.volume-icon {
margin: 2pt 0 2pt 0;
color: $audio;
}
box .cpu {
color: $cpu;
padding: 6pt;
}
box .memory {
color: $memory;
padding: 6pt;
}
box .clock {
background-color: $widget_bg;
border-radius: 5;
@ -125,6 +152,11 @@ box .clock {
font-family: monospace;
}
.systray {
background-color: $tray_bg;
color: $tray;
}
// Styles on classes (see eww.yuck for more information)
.status slider {
@ -162,6 +194,3 @@ box .clock {
margin-left: 10px;
margin-right: 20px;
}
.label-ram {
font-size: large;
}

201
eww/bar/eww.yuck
View File

@ -1,6 +1,6 @@
(defvar eww "eww --config $HOME/.config/eww/bar")
(defwindow bar
(defwindow vbar
:exclusive true
:monitor 0
:windowtype "dock"
@ -12,20 +12,47 @@
:anchor "center left"
)
:reserve (struts :side "left" :distance "20px")
(widget_bar))
(defwidget widget_bar []
(centerbox :orientation "v"
(centerbox
:orientation "v"
(box :orientation "v" :space-evenly false :valign "start"
(box :class "launcher" :valign "start" "☯")
(widget_workspaces)
(box :class "launcher" :valign "start" :width "10px" :height "10px" "☯")
;(label :class "launcher" :valign "start" :width "20px" :height "20px" :unindent true
; :text "☯")
(widget-workspaces)
)
(widget-media)
;(widget-weather :orientation "v")
(box :orientation "v" :space-evenly false :valign "end"
(widget-tray)
(widget-audio)
(widget-cpu)
(widget-memory)
(widget-clock)
)
(widget_weather :orientation "v")
(widget_clock)
;(media)
;(widget_status)
))
(defwindow hbar
:exclusive true
:monitor 0
:windowtype "dock"
:geometry (geometry
:x "0%"
:y "0%"
:width "90%"
:height "20px"
:anchor "top center"
)
:reserve (struts :side "top" :distance "20px")
(centerbox :orientation "h"
(box :orientation "h")
(box :orientation "h")
(box :orientation "h" :space-evenly false :halign "end"
(widget-cpu)
(widget-memory)
)
))
(defwidget widget_workspaces []
(defwidget widget-workspaces []
(box
:class "workspaces"
:orientation "v"
@ -44,7 +71,7 @@
; Weather
(defwidget widget_weather [orientation]
(defwidget widget-weather [orientation]
(box
:class "weather"
:orientation orientation
@ -55,7 +82,7 @@
(button :onclick "scripts/popup weather" "W")
))
(defpoll weather_text :initial "" :interval "180s"
(defpoll weather-text :initial "" :interval "180s"
"curl --max-time 2 wttr.in")
(defwindow weather
@ -63,26 +90,109 @@
:y "50%"
:width "270px"
:height "60px")
(box weather_text))
(box weather-text))
(defwindow calendar
:geometry (geometry :x "70px"
:y "65%"
:width "270px"
:height "60px")
(cal))
(defwidget widget-media []
(box
:class "media"
:orientation "v"
:space-evenly false
:valign "center"
(circular-progress
:class "media"
:width 20
:height 20
:thickness 4
:tooltip {music_status_listener}
:value {music_position}
:visible {music_listener != ""}
)
(label
:angle 90
:xalign 0.5
:yalign 0.5
:text {music_listener != "" ? "『${music_listener}』" : ""})
))
(defwidget widget_clock []
(deflisten music_listener :initial ""
"playerctl --follow metadata --format '{{ artist }} / {{album}} / {{ title }}' || true")
(deflisten music_status_listener :initial ""
"playerctl --follow metadata --format '{{duration(position)}} / {{duration(mpris:length)}}' || true")
(deflisten music_position :initial 0.5
"playerctl --follow metadata --format '{{100.0 * position / mpris:length}}' || true")
(defwidget widget-audio []
(scale
:class "audio"
:orientation "v"
:min 0
:max 100
:value 23
))
(defwidget widget-audio []
(eventbox
:onhover "${eww} update show_audio=true"
:onhoverlost "${eww} update show_audio=false"
(box
:class "audio"
:orientation "v"
:space-evenly "false"
:spacing "2"
(revealer :transition "slideup" :reveal show_audio
(scale
:class "audio-scale"
:value current-volume
:orientation "v"
:flipped true
:tooltip "Volume: ${current-volume}%"
:max 101
:min 0
:onchange "amixer -D pulse sset Master {}%" ))
(button
:onclick "scripts/popup audio"
:class "volume-icon" ""))))
(defpoll current-volume :interval "1s" "amixer -D pulse sget Master | grep 'Left:' | awk -F'[][]' '{ print $2 }' | tr -d '%'")
(defvar show_audio false)
(defwidget widget-cpu []
(circular-progress
:class "cpu"
:width 20
:height 20
:thickness 4
:tooltip {EWW_CPU.cores}
:value {EWW_CPU.avg}
))
(defwidget widget-memory []
(circular-progress
:class "memory"
:width 20
:height 20
:thickness 4
:tooltip "${EWW_RAM.used_mem} / ${EWW_RAM.total_mem}"
:value {EWW_RAM.used_mem_perc}
))
(defwidget widget-tray []
(systray
:class "systray"
:orientation "v"
:space-evenly true
:icon-size 20
:prepend-new true
))
(defwidget widget-clock []
(box
:class "clock"
:orientation "v"
:valign "end"
:spacing 1
(box :class "icon" "")
"${clock.H}" "${clock.M}"
:width 25
(box :class "icon" "")
"${clock.m}" "${clock.d}"
(box :class "icon" "")
"${clock.H}" "${clock.M}"
))
(defpoll clock :initial "{}" :interval "10s"
@ -97,7 +207,7 @@
:y "65%"
:width "270px"
:height "60px")
(cal))
(cal))
(defwidget cal []
@ -117,38 +227,19 @@
; Unused widgets
(defwidget widget_status []
(box
:class "status"
:orientation "v"
:space-evenly false
:valign "end"
(metric :label ""
:value volume
:onchange "amixer -D pulse sset Master {}%")
(metric :label ""
:value {EWW_RAM.used_mem_perc}
:onchange "")
(widget_clock)))
(defwidget widget_media []
(box :class "media"
:orientation "v"
:space-evenly false
:valign "center"
{music_listener != "" ? "『${music_listener}』" : ""}
(box :class "music_status"
:orientation "h"
:space-evenly false
:halign "center"
{music_listener != "" ? "${music_status_listener}" : ""})
))
(deflisten music_listener :initial ""
"playerctl --follow metadata --format '{{ artist }} / {{album}} / {{ title }}' || true")
(deflisten music_status_listener :initial ""
"playerctl --follow metadata --format '{{duration(position)}}/{{duration(mpris:length)}}' || true")
;(defwidget widget_status []
; (box
; :class "status"
; :orientation "v"
; :space-evenly false
; :valign "end"
; (metric :label ""
; :value volume
; :onchange "amixer -D pulse sset Master {}%")
; (metric :label ""
; :value {EWW_RAM.used_mem_perc}
; :onchange "")
; (widget_clock)))
(defwidget metric [label value onchange]

6
hypr/hyprland.conf
View File

@ -11,7 +11,7 @@ monitor=,preferred,auto,auto
# See https://wiki.hyprland.org/Configuring/Keywords/ for more
# waybar is executed after eww to have the intersection effect at top left
exec-once = hyprpaper & swaync & fcitx5 & eww --config ~/.config/eww/bar open bar & waybar
exec-once = hyprpaper & swaync & fcitx5 & eww --config ~/.config/eww/bar open vbar
# Source a file (multi-file configs)
# source = ~/.config/hypr/myColors.conf
@ -52,10 +52,6 @@ decoration {
# See https://wiki.hyprland.org/Configuring/Variables/ for more
rounding = 10
blur = yes
blur_size = 3
blur_passes = 1
blur_new_optimizations = on
drop_shadow = yes
shadow_range = 4