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

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

View file

@ -1,5 +1,6 @@
$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);
$bgSecondary: #11131c;
$bgSecondaryAlt: #a5b6cf;

View file

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

View file

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

View file

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

View file

@ -62,10 +62,9 @@
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defvar quick-settings-ts false)
(defwidget quick-settings-toggle []
(eventbox :class {quick-settings-ts ? "toggle-on" : "toggle-off"}
:onclick ""
(eventbox :class "toggle-off"
:onclick "eww open quick-settings-smol; eww open quick-settings-logo"
:cursor "pointer"
(box :class "quick-settings-toggle"
@ -92,6 +91,8 @@
(eventbox :class {notif-panel-state ? "toggle-on" : "toggle-off"}
:onclick {notif-panel-state ? "swaync-client -cp; eww update notif-panel-state=false" :
"swaync-client -op; eww update notif-panel-state=true"}
:cursor "pointer"
(box :class "notif-panel"
:orientation "h"
(label :text " ${notif_icon} ")