From 7a19bd41f40293a6e2afea6537856b8a290fdbf9 Mon Sep 17 00:00:00 2001 From: mpuchstein Date: Thu, 6 Mar 2025 22:35:34 +0100 Subject: [PATCH] included vikingowl's stuff --- eww/eww.scss | 82 +++++++++++++++++++------------------ eww/eww.yuck | 27 ++++++------ eww/widgets.scss | 5 +++ eww/widgets.yuck | 7 ++++ eww/widgets/datetime.scss | 4 ++ eww/widgets/datetime.yuck | 19 +++++++++ eww/widgets/hyprsunset.scss | 4 ++ eww/widgets/hyprsunset.yuck | 16 ++++++++ eww/widgets/lorem-text.scss | 4 ++ eww/widgets/lorem-text.yuck | 6 +++ eww/widgets/media.scss | 34 +++++++++++++++ eww/widgets/media.yuck | 20 +++++---- eww/widgets/systray.scss | 5 +++ eww/widgets/systray.yuck | 10 +++++ 14 files changed, 180 insertions(+), 63 deletions(-) create mode 100644 eww/widgets.scss create mode 100644 eww/widgets.yuck create mode 100644 eww/widgets/datetime.scss create mode 100644 eww/widgets/datetime.yuck create mode 100644 eww/widgets/hyprsunset.scss create mode 100644 eww/widgets/hyprsunset.yuck create mode 100644 eww/widgets/lorem-text.scss create mode 100644 eww/widgets/lorem-text.yuck create mode 100644 eww/widgets/media.scss create mode 100644 eww/widgets/systray.scss create mode 100644 eww/widgets/systray.yuck diff --git a/eww/eww.scss b/eww/eww.scss index 69f1652..3fcd025 100644 --- a/eww/eww.scss +++ b/eww/eww.scss @@ -1,11 +1,49 @@ +@import 'widgets'; + * { all: unset; } -/* Widgets */ -.lorem-text { - background: darkgrey; - color: black; +tooltip { + background: #2E3440; + color: #E5E6E7; + border-radius: 1.5rem 1rem; + border: 1px solid #6F7175; +} + +.popup { + background: #2E3440; + color: #E5E6E7; + border: 1px solid #6F7175; +} + +.popup menuitem:hover { + background: grey; +} + +window { + background: transparent; + color: transparent; + + * { + font-family: 'Inconsolata Go Nerd Font'; + font-size: 0.85rem; + border-radius: 1.5rem 1rem; + padding: 2px 6px; + } + + /* Modules */ + .left { + //background: orange; + } + + .center { + //background: blue; + } + + .right { + //background: yellow; + } } .workspace{ @@ -32,39 +70,3 @@ color: white; } } - -.music { - background: transparent; - color: transparent; - - &--off { - background: transparent; - color: transparent; - } - - &--on { - background: #8ce513; - color: #010101; - } - - &--spotify { - background: #17d860; - color: #282828; - } - - &--firefox { - background: #fd8728; - color: #010101; - } - - &--mpv { - background: #420042; - color: white; - } - - &--chromium { - background: #1a73e8; - color: white; - } -} - diff --git a/eww/eww.yuck b/eww/eww.yuck index 63c6551..8a11a3e 100644 --- a/eww/eww.yuck +++ b/eww/eww.yuck @@ -1,10 +1,7 @@ -(include "./widgets/media.yuck") -(include "./widgets/lorem.yuck") -(include "./widgets/hypr_activewindow.yuck") -(include "./widgets/hypr_workspaces.yuck") +(include "./widgets.yuck") -(defwindow topbar_0 - :monitor 1 +(defwindow topbar_DP-3 + :monitor "DP-3" :geometry (geometry :x "0%" :y "0%" :width "90%" @@ -37,12 +34,14 @@ :space-evenly false :spacing 5 (media))) - - + (defwidget right [] - (box :orientation 'h' - :class 'right' - :space-evenly false - :spacing 5 - :halign 'end' - (loremText :text "Bar stuff"))) + (box + :orientation 'h' + :class 'right' + :space-evenly false + :spacing 5 + :halign 'end' + (hyprsunset) + (datetime) + (stray))) diff --git a/eww/widgets.scss b/eww/widgets.scss new file mode 100644 index 0000000..03bd18b --- /dev/null +++ b/eww/widgets.scss @@ -0,0 +1,5 @@ +@import 'widgets/media'; +@import 'widgets/datetime.scss'; +@import 'widgets/systray'; +@import 'widgets/hyprsunset'; +@import 'widgets/lorem-text'; diff --git a/eww/widgets.yuck b/eww/widgets.yuck new file mode 100644 index 0000000..b455322 --- /dev/null +++ b/eww/widgets.yuck @@ -0,0 +1,7 @@ +(include "widgets/media.yuck") +(include "widgets/datetime.yuck") +(include "widgets/systray.yuck") +(include "widgets/hyprsunset.yuck") +(include "widgets/lorem-text.yuck") +(include "widgets/hypr_workspaces.yuck") +(include "widgets/hypr_activewindow.yuck") diff --git a/eww/widgets/datetime.scss b/eww/widgets/datetime.scss new file mode 100644 index 0000000..3b4a5c3 --- /dev/null +++ b/eww/widgets/datetime.scss @@ -0,0 +1,4 @@ +.datetime { + background: #2E3440; + color: #E5E6E7; +} diff --git a/eww/widgets/datetime.yuck b/eww/widgets/datetime.yuck new file mode 100644 index 0000000..4831a6c --- /dev/null +++ b/eww/widgets/datetime.yuck @@ -0,0 +1,19 @@ +(defwidget datetime [] + (box + :class "datetime" + :halign "center" + :valign "center" + { time == '' + ? '' + : time + } + ) +) + +(defvar time-visible false) +(defpoll time + :interval "1s" + :initial "initial-value" ; optional, defaults to poll at startup + :run-while time-visible ; optional, defaults to 'true' + `date +"%H:%M - %a, %d %b"` ; https://www.man7.org/linux/man-pages/man1/date.1.html +) diff --git a/eww/widgets/hyprsunset.scss b/eww/widgets/hyprsunset.scss new file mode 100644 index 0000000..ac6c632 --- /dev/null +++ b/eww/widgets/hyprsunset.scss @@ -0,0 +1,4 @@ +.hypr-sunset { + background: #003366; + color: #e5e6e7; +} diff --git a/eww/widgets/hyprsunset.yuck b/eww/widgets/hyprsunset.yuck new file mode 100644 index 0000000..bb8925f --- /dev/null +++ b/eww/widgets/hyprsunset.yuck @@ -0,0 +1,16 @@ +(defvar temperature "4500k") +(defvar display-fix "off") +(defwidget hyprsunset [] + (box + :class "hypr-sunset" + :halign "center" + :valign "center" + (eventbox + :cursor "pointer" + :onclick `${display-fix == "off" + ? "eww update display-fix=on && nohup hyprsunset -t ${temperature} > /dev/null 2>&1 &" + : "eww update display-fix=off && pkill hyprsunset"}` + `${display-fix == "off" ? "󰛨 Off" : "󱩌 On"}` + ) + ) +) diff --git a/eww/widgets/lorem-text.scss b/eww/widgets/lorem-text.scss new file mode 100644 index 0000000..b20f2f2 --- /dev/null +++ b/eww/widgets/lorem-text.scss @@ -0,0 +1,4 @@ +.lorem-text { + background: darkgrey; + color: black; +} diff --git a/eww/widgets/lorem-text.yuck b/eww/widgets/lorem-text.yuck new file mode 100644 index 0000000..c0f4f29 --- /dev/null +++ b/eww/widgets/lorem-text.yuck @@ -0,0 +1,6 @@ +(defwidget loremText [text] + (label + :text text + :class 'lorem-text' + ) +) diff --git a/eww/widgets/media.scss b/eww/widgets/media.scss new file mode 100644 index 0000000..712274c --- /dev/null +++ b/eww/widgets/media.scss @@ -0,0 +1,34 @@ +.music { + background: transparent; + color: transparent; + + &--off { + background: transparent; + color: transparent; + } + + &--on { + background: #8ce513; + color: #010101; + } + + &--spotify { + background: #17d860; + color: #282828; + } + + &--firefox { + background: #fd8728; + color: #010101; + } + + &--mpv { + background: #420042; + color: white; + } + + &--chromium { + background: #1a73e8; + color: white; + } +} diff --git a/eww/widgets/media.yuck b/eww/widgets/media.yuck index 0622570..52c1f32 100644 --- a/eww/widgets/media.yuck +++ b/eww/widgets/media.yuck @@ -11,14 +11,15 @@ (defvar ellipsisArtist 20) ; set length for ellipsis on artist (defvar ellipsisTitle 25) ; set length for ellipsis on title (defwidget media [] - (box :class "media" - :halign "center" - :valign "center" - :class { playerctl == '' || objectlength(playerctl) == 0 - ? 'music--off' - : matches(playerctl.player, playerRegex) - ? 'music--' + playerctl.player - : 'music--on' } + (box + :class "media" + :halign "center" + :valign "center" + :class { playerctl == '' || objectlength(playerctl) == 0 + ? 'music--off' + : matches(playerctl.player, playerRegex) + ? 'music--' + playerctl.player + : 'music--on' } { playerctl == '' || objectlength(playerctl) == 0 ? '' : matches(playerctl.player, playerRegex) @@ -28,6 +29,7 @@ ) ) -(deflisten playerctl :initial "" +(deflisten playerctl + :initial "" `playerctl --follow metadata --format '{"player": "{{ playerName }}", "trackid": "{{ mpris:trackid }}", "length": "{{ duration(mpris:length) }}", "artUrl": "{{ mrpis:artUrl }}", "album": "{{ album }}", "albumArtist": "{{ xesam:albumArtist }}", "artist": "{{ artist }}", "autoRating": "{{ xesam:autoRating }}", "discNumber": "{{ xesam:discNumber }}", "title": "{{ title }}", "trackNumber": "{{ xesam:trackNumber }}", "url": "{{ xesam:url }}", "position": "{{ position }}"}'` ) diff --git a/eww/widgets/systray.scss b/eww/widgets/systray.scss new file mode 100644 index 0000000..18ecb9f --- /dev/null +++ b/eww/widgets/systray.scss @@ -0,0 +1,5 @@ +.systray { + background: #2E3440; + color: #E5E6E7; +} + diff --git a/eww/widgets/systray.yuck b/eww/widgets/systray.yuck new file mode 100644 index 0000000..3e73b28 --- /dev/null +++ b/eww/widgets/systray.yuck @@ -0,0 +1,10 @@ +(defwidget stray [] + (systray + :class "systray" + :halign "center" + :valign "center" + :active true + :icon-size 16 + :spacing -5 + ) +)