Initial eww config
This commit is contained in:
parent
3834b547c3
commit
08e0136240
SSH key fingerprint:
SHA256:9LmFDe1C6jSrEyqxxvX8NtJBmcbB105XoqyUZF092bg
3 changed files with 505 additions and 0 deletions
221
home-manager/modules/eww/config/eww.scss
Normal file
221
home-manager/modules/eww/config/eww.scss
Normal file
|
|
@ -0,0 +1,221 @@
|
|||
* {
|
||||
all: unset;
|
||||
}
|
||||
|
||||
// Color variables
|
||||
$background: #1a1b26;
|
||||
$foreground: #a9b1d6;
|
||||
$urgent: #c9545d;
|
||||
|
||||
$black: #24283b;
|
||||
$gray: #565f89;
|
||||
$red: #f7768e;
|
||||
$green: #73daca;
|
||||
$yellow: #e0af68;
|
||||
$blue: #7aa2f7;
|
||||
$magenta: #bb9af7;
|
||||
$cyan: #7dcfff;
|
||||
$navy: #285577;
|
||||
$white: $foreground;
|
||||
|
||||
// EWW BAR
|
||||
.eww_bar {
|
||||
background-color: $background;
|
||||
padding: 0.3rem;
|
||||
font-family: "Iosevka Nerd Font";
|
||||
font-weight: bold;
|
||||
color: $foreground;
|
||||
}
|
||||
|
||||
// Workspaces
|
||||
.workspaces {
|
||||
font-family: "Iosevka Nerd Font";
|
||||
padding: 0 1rem 0 0;
|
||||
background-color: $background;
|
||||
border-radius: 5px;
|
||||
|
||||
.ws {
|
||||
margin: 0;
|
||||
padding: 0 1rem;
|
||||
border-top: 2px solid transparent;
|
||||
|
||||
&:hover {
|
||||
background-color: $gray;
|
||||
}
|
||||
|
||||
&.focused {
|
||||
border-color: #4c7899;
|
||||
background-color: $navy;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
&.urgent {
|
||||
border-color: $urgent;
|
||||
color: $urgent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tooltip {
|
||||
background-color: $background;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.ha-now-playing {
|
||||
font-family: "Iosevka Nerd Font";
|
||||
font-size: 1.2rem;
|
||||
padding: 0;
|
||||
|
||||
.icon {
|
||||
color: $magenta;
|
||||
}
|
||||
}
|
||||
|
||||
// Control Panel
|
||||
.control {
|
||||
padding: 0 0.5rem;
|
||||
font-family: "Iosevka Nerd Font";
|
||||
font-size: 1.2em;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.icon {
|
||||
font-size: 2rem;
|
||||
margin-right: 1rem;
|
||||
|
||||
&.small {
|
||||
font-size: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.memory {
|
||||
margin: 0 0.5rem;
|
||||
|
||||
.icon {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
|
||||
.cpu {
|
||||
margin: 0 0.5rem;
|
||||
|
||||
.icon {
|
||||
color: $green;
|
||||
}
|
||||
}
|
||||
|
||||
.temperature {
|
||||
margin: 0 0.5rem;
|
||||
.icon {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
.volume {
|
||||
.icon {
|
||||
color: $yellow;
|
||||
}
|
||||
}
|
||||
scale {
|
||||
trough {
|
||||
// all: unset;
|
||||
background-color: $black;
|
||||
border-radius: 5px;
|
||||
min-width: 80px;
|
||||
min-height: 10px;
|
||||
margin: 0 0.3rem 0 0.3rem;
|
||||
|
||||
highlight {
|
||||
background-color: $yellow;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bribar trough highlight {
|
||||
background-color: $yellow;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.volbar trough highlight {
|
||||
background-color: $green;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
// Clock
|
||||
.time {
|
||||
font-family: "Iosevka Nerd Font";
|
||||
font-size: 1.2rem;
|
||||
border-radius: 5px;
|
||||
padding: 0.7rem 0 0.5rem 0;
|
||||
margin: 0 0.5rem;
|
||||
|
||||
.icon {
|
||||
color: $red;
|
||||
}
|
||||
}
|
||||
|
||||
// Calendar
|
||||
.cal-box {
|
||||
background-color: $black;
|
||||
font-family: "Iosevka Nerd Font";
|
||||
font-size: 1rem;
|
||||
|
||||
.cal-inner-box {
|
||||
padding: 1rem 1rem 0.2rem;
|
||||
|
||||
.cal {
|
||||
&.highlight {
|
||||
padding: 10rem;
|
||||
}
|
||||
|
||||
padding: 0.8rem 0.25rem 0rem;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
calendar:selected {
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
calendar.header {
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
calendar.button {
|
||||
color: $magenta;
|
||||
}
|
||||
|
||||
calendar.highlight {
|
||||
color: $magenta;
|
||||
}
|
||||
|
||||
calendar:indeterminate {
|
||||
color: $background;
|
||||
}
|
||||
|
||||
// Powermenu
|
||||
.powermenu {
|
||||
font-family: "Iosevka Nerd Font";
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.button-reboot,
|
||||
.button-hibernate,
|
||||
.button-quit,
|
||||
.button-shutdown {
|
||||
// padding: 0.5rem 0.2rem 0.3rem 0.2rem;
|
||||
padding: 0.3rem 0.7rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
.button-shutdown {
|
||||
// margin-bottom: 0.5rem;
|
||||
color: $red;
|
||||
}
|
||||
.button-reboot {
|
||||
color: $yellow;
|
||||
}
|
||||
.button-quit {
|
||||
color: $green;
|
||||
}
|
||||
.button-hibernate {
|
||||
color: $blue;
|
||||
}
|
||||
233
home-manager/modules/eww/config/eww.yuck
Normal file
233
home-manager/modules/eww/config/eww.yuck
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
;; Variables
|
||||
(defvar power false)
|
||||
(defvar show-date false)
|
||||
(defvar show-volume false)
|
||||
(defvar volume-muted false)
|
||||
|
||||
(defvar ha-now-playing "/nix/store/n3364y7amwgjs94whqapvdvp9d7d3zrh-ha-now-playing-0.5.0/bin/ha-now-playing --host home.datarift.nl --token-file /run/secrets/ha_now_playing_token --entity media_player.sonos_woonkamer")
|
||||
;; Polls
|
||||
(defpoll volume-current
|
||||
:initial 0
|
||||
:interval "1s"
|
||||
`pamedia get -b`)
|
||||
|
||||
;; Listen
|
||||
(deflisten sonos-now-playing
|
||||
:initial "{\"muted\":false,\"text\":\"\"}"
|
||||
`/nix/store/n3364y7amwgjs94whqapvdvp9d7d3zrh-ha-now-playing-0.5.0/bin/ha-now-playing --host home.datarift.nl --token-file /run/secrets/ha_now_playing_token --entity media_player.sonos_woonkamer`)
|
||||
|
||||
(deflisten wm-info
|
||||
:initial "{\"workspaces\":[],\"mode\":\"default\",\"title\":\"\"}"
|
||||
`scripts/workspaces.nu`)
|
||||
|
||||
;; Widgets
|
||||
(defwidget mode []
|
||||
(box :space-evenly false
|
||||
:spacing 2
|
||||
:class "mode"
|
||||
(label :class "icon"
|
||||
:visible {wm-info.mode != "default"}
|
||||
:text "")
|
||||
(label :visible {wm-info.mode != "default"}
|
||||
:text {wm-info.mode})))
|
||||
|
||||
(defwidget workspaces []
|
||||
(box :space-evenly false
|
||||
:spacing 5
|
||||
:class "workspaces"
|
||||
(box :space-evenly false
|
||||
:spacing 0
|
||||
(for ws in {wm-info.workspaces}
|
||||
(button :onclick "swaymsg workspace ${ws.name}"
|
||||
:class "ws${ws.visible ? ' visible' : ''}${ws.focused ? ' focused' : ''}${ws.urgent ? ' urgent' : ''}"
|
||||
(box :space-evenly false
|
||||
:spacing 2
|
||||
(label :class "icon small"
|
||||
:visible {!ws.focused && !ws.urgent}
|
||||
:text "")
|
||||
(label :class "icon small"
|
||||
:visible {ws.focused}
|
||||
:text "")
|
||||
(label :class "icon small"
|
||||
:visible {ws.urgent}
|
||||
:text "")
|
||||
(label :text "${ws.name}"))))
|
||||
(mode))))
|
||||
|
||||
;; (defwidget workspaces []
|
||||
;; (box :space-evenly false
|
||||
;; :spacing 5
|
||||
;; :class "workspaces"
|
||||
;; (label :text {wm-info.title})))
|
||||
|
||||
(defwidget ha-now-playing []
|
||||
(eventbox :onclick "${ha-now-playing} play-pause"
|
||||
:onrightclick "${ha-now-playing} ${sonos-now-playing.muted ? 'unmute' : 'mute'}"
|
||||
:onscroll "${ha-now-playing} volume-{}"
|
||||
(box :class "ha-now-playing"
|
||||
:space-evenly false
|
||||
:spacing 2
|
||||
(label :class "icon"
|
||||
:text "")
|
||||
(label :text {sonos-now-playing.text}))))
|
||||
|
||||
(defwidget date-time []
|
||||
(eventbox :onclick "${EWW_CMD} update show-date=${!show-date}"
|
||||
:cursor "pointer"
|
||||
(box :class "time"
|
||||
:space-evenly false
|
||||
:spacing 2
|
||||
(label :visible {!show-date}
|
||||
:class "icon"
|
||||
:text "")
|
||||
(label :visible {!show-date}
|
||||
:text "${formattime(EWW_TIME, '%H:%M:%S')}")
|
||||
(label :visible show-date
|
||||
:class "icon"
|
||||
:text "")
|
||||
(label :visible show-date
|
||||
:text "${formattime(EWW_TIME, '%a, %d %b %Y')}"))))
|
||||
|
||||
|
||||
(defwidget memory []
|
||||
(box :class "memory"
|
||||
:space-evenly false
|
||||
:spacing 2
|
||||
:tooltip "${round(EWW_RAM.used_mem / 1024 / 1024 / 1024, 2)}GiB / ${round(EWW_RAM.total_mem / 1024 / 1024 / 1024, 2)}GiB used"
|
||||
(label :class "icon"
|
||||
:text "")
|
||||
(label :text "${round(EWW_RAM.used_mem_perc, 1)}%")))
|
||||
|
||||
(defwidget cpu []
|
||||
(box :class "cpu"
|
||||
:space-evenly false
|
||||
:spacing 2
|
||||
:tooltip {jq(EWW_CPU, "reduce .cores[] as $core (\"\"; . + $core.core + \": \" + ($core.usage | tostring) + \"%\\n\") | {tooltip:.}").tooltip}
|
||||
(label :class "icon"
|
||||
:text "")
|
||||
(label :text "${round(EWW_CPU.avg, 2)}%")))
|
||||
|
||||
(defwidget temperature []
|
||||
(box :class "temperature"
|
||||
:space-evenly false
|
||||
:spacing 2
|
||||
(label :class "icon"
|
||||
:text "")
|
||||
(label :text "${round(EWW_TEMPS.ZENPOWER_TDIE, 1)}°C")))
|
||||
|
||||
(defwidget volume []
|
||||
(eventbox :onhover "${EWW_CMD} update show-volume=true"
|
||||
:onhoverlost "${EWW_CMD} update show-volume=false"
|
||||
:onclick "pamedia mute"
|
||||
:onmiddleclick "helvum"
|
||||
:onrightclick "pavucontrol"
|
||||
:tooltip "Volume: ${volume-current}%"
|
||||
:cursor "pointer"
|
||||
(box :space-evenly false
|
||||
:spacing 5
|
||||
:class "volume"
|
||||
(revealer :transition "slideleft"
|
||||
:reveal show-volume
|
||||
:duration "550ms"
|
||||
(scale :class "volume-bar"
|
||||
:flipped true
|
||||
:value volume-current
|
||||
:orientation "h"
|
||||
:min 0
|
||||
:max 101
|
||||
:round-digits 0
|
||||
:tooltip "Volume: ${volume-current}%"
|
||||
:onchange "pamedia set {}"))
|
||||
(label :class "icon"
|
||||
:visible {!volume-muted}
|
||||
:text "")
|
||||
(label :class "icon"
|
||||
:visible volume-muted
|
||||
:text ""))))
|
||||
|
||||
(defwidget control []
|
||||
(box :class "control"
|
||||
:space-evenly false
|
||||
:spacing 2
|
||||
(volume)
|
||||
(cpu)
|
||||
(temperature)
|
||||
(memory)))
|
||||
|
||||
(defwidget power []
|
||||
(eventbox :onhover "${EWW_CMD} update power=true"
|
||||
:onhoverlost "${EWW_CMD} update power=false"
|
||||
:cursor "pointer"
|
||||
(box :space-evenly false
|
||||
:class "powermenu"
|
||||
(revealer :transition "slideleft"
|
||||
:reveal power
|
||||
:duration "550ms"
|
||||
(box :orientation "h"
|
||||
:space-evenly false
|
||||
|
||||
(button :class "button-reboot"
|
||||
:tooltip "Reboot"
|
||||
:onclick "systemctl reboot" "")
|
||||
|
||||
(button :class "button-quit"
|
||||
:tooltip "Logout"
|
||||
:onclick "i3-msg exit" "")
|
||||
|
||||
(button :class "button-hibernate"
|
||||
:tooltip "Hibernate"
|
||||
:onclick "systemctl hibernate" "")))
|
||||
|
||||
(button :class "button-shutdown"
|
||||
:tooltip "Shutdown"
|
||||
:onclick "systemctl shutdown" ""))))
|
||||
|
||||
(defwidget title []
|
||||
(label :text {wm-info.title}))
|
||||
|
||||
(defwidget left []
|
||||
(box :orientation "h"
|
||||
:halign "start"
|
||||
(workspaces)
|
||||
(ha-now-playing)))
|
||||
|
||||
(defwidget right []
|
||||
(box :orientation "h"
|
||||
:space-evenly false
|
||||
:halign "end"
|
||||
(date-time)
|
||||
(power)))
|
||||
|
||||
(defwidget end []
|
||||
(box :orientation "h"
|
||||
:halign "end"
|
||||
:space-evenly false
|
||||
(control)
|
||||
(right)))
|
||||
|
||||
(defwidget bar []
|
||||
(box :class "eww_bar"
|
||||
:orientation "h"
|
||||
:hexpand false
|
||||
:vexpand false
|
||||
(centerbox
|
||||
(left)
|
||||
(title)
|
||||
(end))))
|
||||
|
||||
;; Bar windows
|
||||
(defwindow bar-x11
|
||||
:geometry (geometry :x "0"
|
||||
:y "0"
|
||||
:width "100%"
|
||||
:height "47px"
|
||||
:anchor "top center")
|
||||
:stacking "fg"
|
||||
:monitor 0
|
||||
:reserve (struts :distance "47px"
|
||||
:side "top")
|
||||
:wm-ignore false
|
||||
:hexpand false
|
||||
:vexpand false
|
||||
:exclusive true
|
||||
(bar))
|
||||
51
home-manager/modules/eww/config/scripts/workspaces.nu
Executable file
51
home-manager/modules/eww/config/scripts/workspaces.nu
Executable file
|
|
@ -0,0 +1,51 @@
|
|||
#!/usr/bin/env nu
|
||||
|
||||
module ipc {
|
||||
|
||||
def ipcCmd [] {
|
||||
if (is-sway) {
|
||||
"swaymsg"
|
||||
} else if (is-i3) {
|
||||
"i3-msg"
|
||||
} else {
|
||||
error make { msg: "This script only supports sway or i3" }
|
||||
}
|
||||
}
|
||||
|
||||
def is-sway [] {
|
||||
("SWAYSOCK" in $env)
|
||||
}
|
||||
|
||||
def is-i3 [] {
|
||||
("I3SOCK" in $env)
|
||||
}
|
||||
|
||||
export def ipc-cmd [--raw, ...parameters: string] {
|
||||
let result = (run-external --redirect-stdout (ipcCmd) $parameters)
|
||||
if $raw {
|
||||
$result
|
||||
} else {
|
||||
$result | from json
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
use ipc ipc-cmd
|
||||
|
||||
def workspaces [] {
|
||||
let workspaces = (ipc-cmd "-t" "get_workspaces" | select id name focused urgent visible)
|
||||
let mode = (ipc-cmd "-t" "get_binding_state")
|
||||
let focused_title = ((ipc-cmd --raw "-t" "get_tree") | jaq -r '.. | (.nodes? // empty)[] | select(.focused) | {name}' | from json)
|
||||
|
||||
{ workspaces: $workspaces, mode: $mode.name, title: $focused_title.name }
|
||||
}
|
||||
|
||||
def main [] {
|
||||
print (workspaces | to json -r)
|
||||
loop {
|
||||
ipc-cmd --raw '-t' 'subscribe' '["workspace","window","mode"]' out+err> /dev/null
|
||||
try {
|
||||
print (workspaces | to json -r)
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue