matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(eww): use transparent bg for eww and start qs menu

Browse source
This commit is contained in:
matt1432 2023-07-23 22:28:26 -04:00
parent 11b7a12c71
commit a577400e7a
5 changed files with 19 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
config/eww/colors.scss
View file

@ -1,5 +1,6 @@
$darkbg: #0b0d16; $darkbg: #0b0d16;
$bg: rgb(40, 42, 54); //rgba(69, 71, 90, 0.3); #0d0f18; $bg: rgba(40, 42, 54, 0.8); //rgba(69, 71, 90, 0.3); #0d0f18;
$bgfull: rgb(40, 42, 54);
$contrastbg: rgba(189, 147, 249, 0.8); $contrastbg: rgba(189, 147, 249, 0.8);
$bgSecondary: #11131c; $bgSecondary: #11131c;
$bgSecondaryAlt: #a5b6cf; $bgSecondaryAlt: #a5b6cf;

6
config/eww/date/date.scss
View file

@ -1,5 +1,5 @@
.date { .date {
background-color: rgba(40, 42, 54, 0.8); background-color: $bg;
color: $fg; color: $fg;
border-radius: 30px; border-radius: 30px;
border: 2px solid $contrastbg; border: 2px solid $contrastbg;
@ -27,11 +27,11 @@
.cal-box { .cal-box {
font-family: Product Sans; font-family: Product Sans;
background-color: rgba(40, 42, 54, 0.8); background-color: $bg;
border-radius: 30px; border-radius: 30px;
padding: 0 1rem .2rem; padding: 0 1rem .2rem;
color: $fg; color: $fg;
background-color: $bg; background-color: $bgfull;
border-bottom: 2px solid $contrastbg; border-bottom: 2px solid $contrastbg;
border-top: 2px solid $contrastbg; border-top: 2px solid $contrastbg;
margin: 0px 12px 18px 12px; margin: 0px 12px 18px 12px;

1
config/eww/eww.scss
View file

@ -5,4 +5,5 @@
@import "colors.scss"; @import "colors.scss";
@import "date/date.scss"; @import "date/date.scss";
@import "powermenu/powermenu.scss"; @import "powermenu/powermenu.scss";
@import "quick-settings/quick-settings.scss";
@import "traybuttons/traybuttons.scss"; @import "traybuttons/traybuttons.scss";

1
config/eww/eww.yuck
View file

@ -2,4 +2,5 @@
(include "date/date.yuck") (include "date/date.yuck")
(include "powermenu/powermenu.yuck") (include "powermenu/powermenu.yuck")
(include "closer/closer.yuck") (include "closer/closer.yuck")
(include "quick-settings/quick-settings.yuck")
(include "traybuttons/traybuttons.yuck") (include "traybuttons/traybuttons.yuck")

23
config/eww/traybuttons/traybuttons.yuck
View file

@ -14,9 +14,9 @@
(defvar tablet-ts false) (defvar tablet-ts false)
(defwidget tablet-toggle [] (defwidget tablet-toggle []
(eventbox :class {tablet-ts ? "toggle-on" : "toggle-off"} (eventbox :class {tablet-ts ? "toggle-on" : "toggle-off"}
:onclick {tablet-ts ? "$HYPR_PATH/laptop-mode.sh &" : :onclick {tablet-ts ? "$HYPR_PATH/laptop-mode.sh &" :
"$HYPR_PATH/tablet-mode.sh &"} "$HYPR_PATH/tablet-mode.sh &"}
:cursor "pointer" :cursor "pointer"
(box :class "tablet-toggle" (box :class "tablet-toggle"
:orientation "h" :orientation "h"
@ -27,8 +27,8 @@
(defwidget heart-toggle [] (defwidget heart-toggle []
(eventbox :class {heart_icon == "󰣐" ? "toggle-on" : "toggle-off"} (eventbox :class {heart_icon == "󰣐" ? "toggle-on" : "toggle-off"}
:onclick "$EWW_PATH/heart.sh" :onclick "$EWW_PATH/heart.sh"
:cursor "pointer" :cursor "pointer"
(box :class "heart-toggle" (box :class "heart-toggle"
:orientation "h" :orientation "h"
@ -62,11 +62,10 @@
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defvar quick-settings-ts false)
(defwidget quick-settings-toggle [] (defwidget quick-settings-toggle []
(eventbox :class {quick-settings-ts ? "toggle-on" : "toggle-off"} (eventbox :class "toggle-off"
:onclick "" :onclick "eww open quick-settings-smol; eww open quick-settings-logo"
:cursor "pointer" :cursor "pointer"
(box :class "quick-settings-toggle" (box :class "quick-settings-toggle"
:orientation "h" :orientation "h"
@ -90,8 +89,10 @@
(defvar notif-panel-state false) (defvar notif-panel-state false)
(defwidget notif-panel [] (defwidget notif-panel []
(eventbox :class {notif-panel-state ? "toggle-on" : "toggle-off"} (eventbox :class {notif-panel-state ? "toggle-on" : "toggle-off"}
:onclick {notif-panel-state ? "swaync-client -cp; eww update notif-panel-state=false" : :onclick {notif-panel-state ? "swaync-client -cp; eww update notif-panel-state=false" :
"swaync-client -op; eww update notif-panel-state=true"} "swaync-client -op; eww update notif-panel-state=true"}
:cursor "pointer"
(box :class "notif-panel" (box :class "notif-panel"
:orientation "h" :orientation "h"
(label :text " ${notif_icon} ") (label :text " ${notif_icon} ")