feat(eww): use transparent bg for eww and start qs menu
This commit is contained in:
parent
11b7a12c71
commit
a577400e7a
5 changed files with 19 additions and 15 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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";
|
||||||
|
|
|
@ -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")
|
||||||
|
|
|
@ -62,10 +62,9 @@
|
||||||
|
|
||||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||||
|
|
||||||
(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"
|
||||||
|
@ -92,6 +91,8 @@
|
||||||
(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} ")
|
||||||
|
|
Loading…
Reference in a new issue