New backup 2025-07-25 16:45:06
This commit is contained in:
parent
77991fab88
commit
c5ec670164
4 changed files with 28 additions and 22 deletions
|
|
@ -8,8 +8,8 @@
|
||||||
@import "./style/colors.scss";
|
@import "./style/colors.scss";
|
||||||
|
|
||||||
$bar-module-width: 25px;
|
$bar-module-width: 25px;
|
||||||
$bar-bg-color: rgba($color5,0.0);
|
$bar-module-bg-color: rgba($color5,0.0);
|
||||||
$bar-module-bg-color: rgba($color5,0.8);
|
$bar-bg-color: rgba($color5,0.8);
|
||||||
$bar-module-fg-color: rgba($color0,0.8);
|
$bar-module-fg-color: rgba($color0,0.8);
|
||||||
$bar-module-inactive-fg-color: rgba($color0,0.4);
|
$bar-module-inactive-fg-color: rgba($color0,0.4);
|
||||||
$bar-module-active-fg-color: rgba($color13,0.9);
|
$bar-module-active-fg-color: rgba($color13,0.9);
|
||||||
|
|
|
||||||
|
|
@ -2,9 +2,10 @@
|
||||||
:interval "60s"
|
:interval "60s"
|
||||||
"scripts/bar/activewindow")
|
"scripts/bar/activewindow")
|
||||||
(defwidget windowtitle []
|
(defwidget windowtitle []
|
||||||
(box :class "bar-module"
|
; (box :class "bar-module"
|
||||||
:space-evenly false
|
; :space-evenly false
|
||||||
(button :onclick 'sp-profiles next'
|
; (button :onclick 'sp-profiles next'
|
||||||
(label :text '${active_profile}'))
|
; (label :text '${active_profile}'))
|
||||||
(label :class {active_window_name != "" ? "active_window" : ""}
|
(label :class {active_window_name != "" ? "active_window" : ""}
|
||||||
:text {active_window_name})))
|
:text {active_window_name}))
|
||||||
|
;)
|
||||||
|
|
|
||||||
|
|
@ -10,16 +10,17 @@
|
||||||
(button :class "profile"
|
(button :class "profile"
|
||||||
:onclick 'sp-profiles next'
|
:onclick 'sp-profiles next'
|
||||||
(label :text '${active_profile}'))
|
(label :text '${active_profile}'))
|
||||||
(box :class "chevron"
|
; (box :class "chevron"
|
||||||
:width 32
|
; :width 32
|
||||||
(transform :rotate 12.5
|
; (transform :rotate 12.5
|
||||||
:translate-x '-50%'
|
; :translate-x '-50%'
|
||||||
:translate-y '50%'
|
; :translate-y '50%'
|
||||||
:transform-origin-x '50%'
|
; :transform-origin-x '50%'
|
||||||
:transform-origin-y '50%'
|
; :transform-origin-y '50%'
|
||||||
:scale-x '100%'
|
; :scale-x '100%'
|
||||||
:scale-y '100%'
|
; :scale-y '100%'
|
||||||
(box :width 32)))
|
; (box :width 32)))
|
||||||
|
(windowtitle)
|
||||||
(eventbox
|
(eventbox
|
||||||
:onhover "${EWW_CMD} update wsreveal=true"
|
:onhover "${EWW_CMD} update wsreveal=true"
|
||||||
:onhoverlost "${EWW_CMD} update wsreveal=false"
|
:onhoverlost "${EWW_CMD} update wsreveal=false"
|
||||||
|
|
|
||||||
|
|
@ -8,18 +8,19 @@
|
||||||
.rightgroup {
|
.rightgroup {
|
||||||
background-color: $bar-bg-color;
|
background-color: $bar-bg-color;
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
|
border: 2px solid $bar-module-fg-color;
|
||||||
// &>box:not(.workspaces),
|
// &>box:not(.workspaces),
|
||||||
&>box.revealer-on-hover,
|
&>box.revealer-on-hover,
|
||||||
&>button,
|
&>button,
|
||||||
&>label,
|
&>label,
|
||||||
.bar-module {
|
.bar-module {
|
||||||
color: $bar-module-fg-color;
|
color: $bar-module-fg-color;
|
||||||
background-color: $bar-bg-color;
|
// background-color: $bar-bg-color;
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
margin: 0px 5px;
|
margin: 0px 5px;
|
||||||
// padding: 0px 5px;
|
// padding: 0px 5px;
|
||||||
min-width: $bar-module-width;
|
min-width: $bar-module-width;
|
||||||
border: 2px solid $bar-module-fg-color;
|
// border: 2px solid $bar-module-fg-color;
|
||||||
background-color: $bar-module-bg-color;
|
background-color: $bar-module-bg-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -31,8 +32,9 @@
|
||||||
// min-width: $bar-module-width;
|
// min-width: $bar-module-width;
|
||||||
// border: 2px solid $bar-module-fg-color;
|
// border: 2px solid $bar-module-fg-color;
|
||||||
// background-color: $bar-module-bg-color;
|
// background-color: $bar-module-bg-color;
|
||||||
// padding-left: 5px;
|
margin-left: 5px;
|
||||||
revealer {
|
revealer {
|
||||||
|
|
||||||
&.ws-left {
|
&.ws-left {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
@ -52,9 +54,7 @@
|
||||||
box-shadow: -4px 0 3px -2px $bar-module-fg-color;
|
box-shadow: -4px 0 3px -2px $bar-module-fg-color;
|
||||||
}
|
}
|
||||||
&.center {
|
&.center {
|
||||||
// text-shadow: $bar-module-active-shadow;
|
|
||||||
color: $bar-module-fg-color;
|
color: $bar-module-fg-color;
|
||||||
// background-color: $bar-module-active-fg-color;
|
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
box-shadow: 0 0 2px 1px $bar-module-fg-color;
|
box-shadow: 0 0 2px 1px $bar-module-fg-color;
|
||||||
}
|
}
|
||||||
|
|
@ -142,4 +142,8 @@
|
||||||
// .chevron {
|
// .chevron {
|
||||||
// margin-right: 10px;
|
// margin-right: 10px;
|
||||||
// }
|
// }
|
||||||
|
.chevron box {
|
||||||
|
border: 2px solid transparent;
|
||||||
|
box-shadow: 8px -8px 10px -8px black;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue