Merge branch 'main' of ssh://git.pogmom.me:10022/pogmommy/dotfiles
This commit is contained in:
commit
2d3a1c9ec8
19 changed files with 343 additions and 106 deletions
|
@ -1,6 +1,7 @@
|
||||||
* {
|
* {
|
||||||
all: unset; // Unsets everything so you can style everything from scratch
|
all: unset; // Unsets everything so you can style everything from scratch
|
||||||
/* font-family: FontAwesome, Overpass;*/
|
|
||||||
|
/* font-family: FontAwesome, Overpass; */
|
||||||
font-family: PogmomIcons, Overpass Nerd Font Propo;
|
font-family: PogmomIcons, Overpass Nerd Font Propo;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -12,31 +13,33 @@ $bar-module-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);
|
||||||
//$bar-active-bg-color: rgba($color1,0.5);
|
// $bar-active-bg-color: rgba($color1,0.5);
|
||||||
//$bar-active-fg-color: $color1;
|
// $bar-active-fg-color: $color1;
|
||||||
//$bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
|
// $bar-module-active-shadow: 1px 1px 4px rgba($color5,0.5),-1px 1px 4px rgba($color5,0.5),1px -1px 4px rgba($color5,0.5),-1px -1px 4px rgba($color5,0.5);
|
||||||
$bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($color8,0.6),1px -1px 4px rgba($color8,0.6),-1px -1px 4px rgba($color8,0.6);
|
$bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($color8,0.6),1px -1px 4px rgba($color8,0.6),-1px -1px 4px rgba($color8,0.6);
|
||||||
$bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45);
|
$bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45);
|
||||||
$bar-hover-bg-color: rgba($color1,0.5);
|
$bar-hover-bg-color: rgba($color1,0.5);
|
||||||
$bar-hover-fg-color: rgba($color13,0.6);
|
$bar-hover-fg-color: rgba($color13,0.6);
|
||||||
$bar-module-border-radius: 8px;
|
$bar-module-border-radius: 8px;
|
||||||
|
|
||||||
|
@import "./style/bar.scss";
|
||||||
|
|
||||||
// Global Styles
|
// Global Styles
|
||||||
.bar {
|
.bar {
|
||||||
font-size: 1.05em;
|
// font-size: 1.05em;
|
||||||
padding: 10px 0px 0px;
|
// padding: 10px 0px 0px;
|
||||||
margin: 0px 15px;
|
// margin: 0px 15px;
|
||||||
|
|
||||||
//bar groups
|
// bar groups
|
||||||
.leftgroup,
|
/*.leftgroup,
|
||||||
.centergroup,
|
.centergroup,
|
||||||
.rightgroup {
|
.rightgroup {
|
||||||
background-color: $bar-bg-color;
|
background-color: $bar-bg-color;
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
//group modules
|
//group modules
|
||||||
.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
|
/*.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
|
||||||
.leftgroup>button,
|
.leftgroup>button,
|
||||||
.centergroup>*,
|
.centergroup>*,
|
||||||
.rightgroup>*:not(.revealer-on-hover) {
|
.rightgroup>*:not(.revealer-on-hover) {
|
||||||
|
@ -45,9 +48,9 @@ $bar-module-border-radius: 8px;
|
||||||
border: 1px solid $bar-module-fg-color;
|
border: 1px solid $bar-module-fg-color;
|
||||||
background-color: $bar-module-bg-color;
|
background-color: $bar-module-bg-color;
|
||||||
padding: 0px 10px;
|
padding: 0px 10px;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.revealer-on-hover {
|
/*.revealer-on-hover {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
min-width: $bar-module-width;
|
min-width: $bar-module-width;
|
||||||
background-color: $bar-module-bg-color;
|
background-color: $bar-module-bg-color;
|
||||||
|
@ -58,8 +61,9 @@ $bar-module-border-radius: 8px;
|
||||||
.reveal_children label {
|
.reveal_children label {
|
||||||
padding: 0px 5px;
|
padding: 0px 5px;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
.workspaces>button {
|
/*.workspaces>revealer>box>box>button,
|
||||||
|
.workspaces>box>box>button {
|
||||||
margin: 5px 0px;
|
margin: 5px 0px;
|
||||||
background-color: $bar-module-bg-color;
|
background-color: $bar-module-bg-color;
|
||||||
border: 1px solid $bar-module-fg-color;
|
border: 1px solid $bar-module-fg-color;
|
||||||
|
@ -68,17 +72,17 @@ $bar-module-border-radius: 8px;
|
||||||
padding: 0px 5px;
|
padding: 0px 5px;
|
||||||
margin-right: -10px;
|
margin-right: -10px;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
.workspace-number {
|
/*.workspace-number {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
margin-left: -5px;
|
margin-left: -5px;
|
||||||
margin-top: -17px;
|
margin-top: -17px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
font-size: 0.6em;
|
font-size: 0.6em;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
//value bars
|
//value bars
|
||||||
scale trough,
|
/*scale trough,
|
||||||
progressbar>trough {
|
progressbar>trough {
|
||||||
background-color: $color9;
|
background-color: $color9;
|
||||||
min-width: 50px;
|
min-width: 50px;
|
||||||
|
@ -106,8 +110,10 @@ circular-progress {
|
||||||
.revealer-on-hover {
|
.revealer-on-hover {
|
||||||
color: $bar-module-fg-color;
|
color: $bar-module-fg-color;
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
}
|
}*/
|
||||||
.revealer-on-hover>widget>box>box>*,
|
|
||||||
|
|
||||||
|
/*.revealer-on-hover>widget>box>box>*,
|
||||||
.revealer-on-hover>widget>box>box>button,
|
.revealer-on-hover>widget>box>box>button,
|
||||||
.revealer-on-hover>widget>box>revealer>box>box>*,
|
.revealer-on-hover>widget>box>revealer>box>box>*,
|
||||||
.reveal_children>*,
|
.reveal_children>*,
|
||||||
|
@ -121,9 +127,9 @@ circular-progress {
|
||||||
// background-color: rgba($color1,0.5);
|
// background-color: rgba($color1,0.5);
|
||||||
// border: 1px solid $bar-module-fg-color;
|
// border: 1px solid $bar-module-fg-color;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.reveal_children>button {
|
/*.reveal_children>button {
|
||||||
image {
|
image {
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
transition: all 0.5s;
|
transition: all 0.5s;
|
||||||
|
@ -132,14 +138,14 @@ circular-progress {
|
||||||
&:hover image {
|
&:hover image {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.reveal_children>box,
|
/*.reveal_children>box,
|
||||||
.reveal_children>widget,
|
.reveal_children>widget,
|
||||||
.reveal_children>button {
|
.reveal_children>button {
|
||||||
border-left: 1px solid $bar-module-fg-color;
|
border-left: 1px solid $bar-module-fg-color;
|
||||||
}
|
}*/
|
||||||
.rightgroup>label,
|
/*.rightgroup>label,
|
||||||
.rightgroup>button {
|
.rightgroup>button {
|
||||||
//.rightgroup .reveal_children>button,
|
//.rightgroup .reveal_children>button,
|
||||||
//.rightgroup>.revealer-on-hover>widget>box>box>button {
|
//.rightgroup>.revealer-on-hover>widget>box>box>button {
|
||||||
|
@ -149,48 +155,49 @@ circular-progress {
|
||||||
.inactive {
|
.inactive {
|
||||||
color: $bar-module-inactive-fg-color
|
color: $bar-module-inactive-fg-color
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
/*.leftgroup>.revealer-on-hover>widget>box>box>button {
|
/*.leftgroup>.revealer-on-hover>widget>box>box>button {
|
||||||
padding: 3px 4px;
|
padding: 3px 4px;
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.music {
|
//.music {
|
||||||
color: $bar-module-fg-color;
|
// color: $bar-module-fg-color;
|
||||||
background-color: $bar-module-bg-color;
|
// background-color: $bar-module-bg-color;
|
||||||
border-radius: $bar-module-border-radius;
|
// border-radius: $bar-module-border-radius;
|
||||||
}
|
//}
|
||||||
.rightgroup>label,
|
//.rightgroup>label,
|
||||||
.active_window{
|
/*.active_window{
|
||||||
color: $bar-module-fg-color;
|
color: $bar-module-fg-color;
|
||||||
padding: 3px 4px;
|
padding: 3px 4px;
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
}
|
}*/
|
||||||
label {
|
/*label {
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}*/
|
||||||
.workspaces,
|
//.workspaces,
|
||||||
.profile {
|
/*.profile {
|
||||||
border-radius: $bar-module-border-radius;
|
border-radius: $bar-module-border-radius;
|
||||||
}
|
}*/
|
||||||
.workspaces button,
|
//.workspaces button,
|
||||||
.leftgroup button {
|
/*.leftgroup button {
|
||||||
// background-color: $bar-module-bg-color;
|
// background-color: $bar-module-bg-color;
|
||||||
// border-left: 1px solid $bar-module-fg-color;
|
// border-left: 1px solid $bar-module-fg-color;
|
||||||
|
// color:blue;
|
||||||
color: $bar-module-fg-color;
|
color: $bar-module-fg-color;
|
||||||
padding: 3px 4px;
|
padding: 3px 4px;
|
||||||
min-width: $bar-module-width;
|
min-width: $bar-module-width;
|
||||||
transition: color 0.3s, text-shadow 0.3s;
|
transition: color 0.3s, text-shadow 0.3s;
|
||||||
}
|
}*/
|
||||||
.workspaces button:hover,
|
//.workspaces button:hover,
|
||||||
.rightgroup button:hover,
|
/*.rightgroup button:hover,
|
||||||
.leftgroup button:hover {
|
.leftgroup button:hover {
|
||||||
// text-shadow: 1px 1px 1px rgba($color2,1);
|
// text-shadow: 1px 1px 1px rgba($color2,1);
|
||||||
text-shadow: $bar-module-hover-shadow;
|
text-shadow: $bar-module-hover-shadow;
|
||||||
color: $bar-hover-fg-color;
|
color: $bar-hover-fg-color;
|
||||||
// transition: all 0.2s;
|
// transition: all 0.2s;
|
||||||
}
|
}*/
|
||||||
.rightgroup {
|
/*.rightgroup {
|
||||||
button {
|
button {
|
||||||
transition: all 0.3s;
|
transition: all 0.3s;
|
||||||
&.active:not(:hover) {
|
&.active:not(:hover) {
|
||||||
|
@ -201,52 +208,55 @@ label {
|
||||||
color: $bar-module-inactive-fg-color;
|
color: $bar-module-inactive-fg-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
.workspaces .focused {
|
/*.workspaces .focused {
|
||||||
color: $bar-module-active-fg-color;
|
color: $bar-module-active-fg-color;
|
||||||
text-shadow: $bar-module-active-shadow;
|
text-shadow: $bar-module-active-shadow;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.workspaces button:first-child {
|
//.workspaces button:first-child {
|
||||||
|
//.workspaces:first-child {
|
||||||
//.reveal_children>box:first-child,
|
//.reveal_children>box:first-child,
|
||||||
//.reveal_children>scale:first-child,
|
//.reveal_children>scale:first-child,
|
||||||
//.reveal_children>progressbar:first-child,
|
//.reveal_children>progressbar:first-child,
|
||||||
//.reveal_children>button:first-child,
|
//.reveal_children>button:first-child,
|
||||||
//.reveal_children>widget:first-child {
|
//.reveal_children>widget:first-child {
|
||||||
margin-left: 3px;
|
// margin-left: 3px;
|
||||||
border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
|
// border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
|
||||||
// border-left: 0px solid $bar-bg-color;
|
// border-left: 0px solid $bar-bg-color;
|
||||||
}
|
//}
|
||||||
|
|
||||||
//.revealer-on-hover>widget>box>revealer>box>box>button {
|
//.revealer-on-hover>widget>box>revealer>box>box>button {
|
||||||
.rightgroup>.revealer-on-hover>widget>box>box>button,
|
/*.rightgroup>.revealer-on-hover>widget>box>box>button,
|
||||||
.leftgroup>.revealer-on-hover>widget>box>box>button {
|
.leftgroup>.revealer-on-hover>widget>box>box>button {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
&:hover {
|
&:hover {
|
||||||
border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
|
border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
|
||||||
// text-shadow: $bar-module-hover-shadow;
|
// text-shadow: $bar-module-hover-shadow;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.workspaces button:last-child,
|
//.workspaces button:last-child,
|
||||||
.reveal_children>box:last-child,
|
//.workspaces:last-child,
|
||||||
|
/*.reveal_children>box:last-child,
|
||||||
.reveal_children>scale:last-child,
|
.reveal_children>scale:last-child,
|
||||||
.reveal_children>progressbar:last-child,
|
.reveal_children>progressbar:last-child,
|
||||||
.reveal_children>button:last-child,
|
.reveal_children>button:last-child,
|
||||||
.reveal_children>widget:last-child {
|
.reveal_children>widget:last-child {
|
||||||
border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
|
border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
|
||||||
}
|
}*/
|
||||||
.workspaces button:only-child,
|
//.workspaces button:only-child,
|
||||||
|
//.workspaces:only-child,
|
||||||
//.reveal_children>box:only-child,
|
//.reveal_children>box:only-child,
|
||||||
//.reveal_children>scale:only-child,
|
//.reveal_children>scale:only-child,
|
||||||
//.reveal_children>progressbar:only-child,
|
//.reveal_children>progressbar:only-child,
|
||||||
//.reveal_children>button:only-child,
|
//.reveal_children>button:only-child,
|
||||||
.reveal_children>widget:only-child {
|
/*.reveal_children>widget:only-child {
|
||||||
border-radius:$bar-module-border-radius;
|
border-radius:$bar-module-border-radius;
|
||||||
}
|
}*/
|
||||||
.datetime {
|
/*.datetime {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}*/
|
||||||
menu {
|
menu {
|
||||||
color: $color9;
|
color: $color9;
|
||||||
background-color: rgba($color0,0.75);
|
background-color: rgba($color0,0.75);
|
||||||
|
@ -293,6 +303,21 @@ $home-widget-border-hover-color: rgba($color5,0.3);
|
||||||
|
|
||||||
.home {
|
.home {
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
|
|
||||||
|
|
||||||
|
&>box {
|
||||||
|
// padding: 10px;
|
||||||
|
margin: 3px 10px;
|
||||||
|
// background-color: black;
|
||||||
|
// color: blue;
|
||||||
|
&:first-child {
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
&:last-child {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* > box {
|
/* > box {
|
||||||
border-radius: $home-widget-border-radius;
|
border-radius: $home-widget-border-radius;
|
||||||
box-shadow: inset 0 0 0px 3px $home-widget-border-color;
|
box-shadow: inset 0 0 0px 3px $home-widget-border-color;
|
||||||
|
@ -365,9 +390,9 @@ $home-widget-border-hover-color: rgba($color5,0.3);
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
margin: 0px 3px;
|
// margin: 0px 3px;
|
||||||
border-radius: $home-widget-border-radius;
|
border-radius: $home-widget-border-radius;
|
||||||
box-shadow: inset 0 0 0px 3px $home-widget-border-color;
|
box-shadow: inset 0 0 0px 3px $home-widget-border-color, 0px 0px 3px 3px $color0;
|
||||||
}
|
}
|
||||||
.weather {
|
.weather {
|
||||||
// background-color: $home-widget-bg-color;
|
// background-color: $home-widget-bg-color;
|
||||||
|
@ -383,7 +408,7 @@ $home-widget-border-hover-color: rgba($color5,0.3);
|
||||||
border: 3px solid $home-widget-border-color;
|
border: 3px solid $home-widget-border-color;
|
||||||
border-radius: $home-widget-border-radius;
|
border-radius: $home-widget-border-radius;
|
||||||
background-color: $home-widget-bg-color;
|
background-color: $home-widget-bg-color;
|
||||||
box-shadow: 0px 0px 5px 5px $color0;
|
box-shadow: 0px 0px 3px 3px $color0;
|
||||||
/* &.revealer-closed {
|
/* &.revealer-closed {
|
||||||
|
|
||||||
}*/
|
}*/
|
||||||
|
@ -405,8 +430,9 @@ $home-widget-border-hover-color: rgba($color5,0.3);
|
||||||
}
|
}
|
||||||
.weather,
|
.weather,
|
||||||
.notes,
|
.notes,
|
||||||
|
.shortcuts,
|
||||||
.reminders {
|
.reminders {
|
||||||
border-top: 1px solid $home-widget-border-color;
|
border-top: 3px solid $home-widget-border-color;
|
||||||
}
|
}
|
||||||
// .rat,
|
// .rat,
|
||||||
// .nowplayingart,
|
// .nowplayingart,
|
||||||
|
|
|
@ -17,9 +17,10 @@
|
||||||
(defwindow home
|
(defwindow home
|
||||||
:windowtype "normal"
|
:windowtype "normal"
|
||||||
:exclusive true
|
:exclusive true
|
||||||
:geometry (geometry :x "10px"
|
:geometry (geometry
|
||||||
:y "10px"
|
; :x "10px"
|
||||||
:width "250px"
|
:y "30px"
|
||||||
|
:width "300px"
|
||||||
:height "200px"
|
:height "200px"
|
||||||
:anchor "center left")
|
:anchor "center left")
|
||||||
:stacking "bottom"
|
:stacking "bottom"
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
:revealvar reveal_battery
|
:revealvar reveal_battery
|
||||||
:revealvar-name "reveal_battery"
|
:revealvar-name "reveal_battery"
|
||||||
(label
|
(label
|
||||||
:class {(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? "active" : "" }
|
:class "revealer-preview {(EWW_BATTERY == '' || jq(EWW_BATTERY,'.[].status?','r') == 'Charging') ? 'active' : '' }"
|
||||||
; :tooltip "${jq(EWW_BATTERY,'.[].capacity?')}%"
|
; :tooltip "${jq(EWW_BATTERY,'.[].capacity?')}%"
|
||||||
; {(EWW_BATTERY == "") ? "" : `${(jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " ${jq(EWW_BATTERY,'.[].capacity?')}%" : " ${jq(EWW_BATTERY,'.[].capacity?')}%"}`})
|
; {(EWW_BATTERY == "") ? "" : `${(jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " ${jq(EWW_BATTERY,'.[].capacity?')}%" : " ${jq(EWW_BATTERY,'.[].capacity?')}%"}`})
|
||||||
:text `${(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " " : " "}${(EWW_BATTERY == "") ? "" : "${round(jq(EWW_BATTERY,'.[].capacity?'),0)}%"}`)
|
:text `${(EWW_BATTERY == "" || jq(EWW_BATTERY,'.[].status?') == '"Charging"') ? " " : " "}${(EWW_BATTERY == "") ? "" : "${round(jq(EWW_BATTERY,'.[].capacity?'),0)}%"}`)
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
:revealvar reveal_bluetooth
|
:revealvar reveal_bluetooth
|
||||||
:revealvar-name "reveal_bluetooth"
|
:revealvar-name "reveal_bluetooth"
|
||||||
(button :onclick 'blueman-manager'
|
(button :onclick 'blueman-manager'
|
||||||
:class {matches(jq(bluetooth_status,'.[].connected'),'yes') ? "active" : "inactive"}
|
:class "revealer-preview {matches(jq(bluetooth_status,'.[].connected'),'yes') ? 'active' : 'inactive'}"
|
||||||
"")
|
"")
|
||||||
(bluetooth_children :array bluetooth_status)))
|
(bluetooth_children :array bluetooth_status)))
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
:revealvar reveal_network
|
:revealvar reveal_network
|
||||||
:revealvar-name "reveal_network"
|
:revealvar-name "reveal_network"
|
||||||
(button :onclick 'nm-connection-editor'
|
(button :onclick 'nm-connection-editor'
|
||||||
:class {network_status.wifi || network_status.wired ? "active" : "inactive"}
|
:class {network_status.wifi || network_status.wired ? 'active' : 'inactive'}
|
||||||
"")
|
"")
|
||||||
(network_children)))
|
(network_children)))
|
||||||
|
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
'scripts/bar/scratchpad')
|
'scripts/bar/scratchpad')
|
||||||
(defwidget scratchpad_children [array]
|
(defwidget scratchpad_children [array]
|
||||||
(box :orientation "h"
|
(box :orientation "h"
|
||||||
:class "reveal_children"
|
:class "reveal_children scratchpad"
|
||||||
:space-evenly false
|
:space-evenly false
|
||||||
(for entry in array
|
(for entry in array
|
||||||
(button :onclick 'swaymsg [con_id=${entry.win_id}] focus'
|
(button :onclick 'swaymsg [con_id=${entry.win_id}] focus'
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
:revealvar reveal_sysmem
|
:revealvar reveal_sysmem
|
||||||
:revealvar-name "reveal_sysmem"
|
:revealvar-name "reveal_sysmem"
|
||||||
(metric :label " "
|
(metric :label " "
|
||||||
|
:class "revealer-preview"
|
||||||
:value {EWW_RAM.used_mem_perc})
|
:value {EWW_RAM.used_mem_perc})
|
||||||
(sysmem_children)))
|
(sysmem_children)))
|
||||||
|
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
:halign "center"
|
:halign "center"
|
||||||
(systray
|
(systray
|
||||||
:orientation "h"
|
:orientation "h"
|
||||||
:class "reveal_children"
|
:class "reveal_children tray"
|
||||||
:space-evenly true
|
:space-evenly true
|
||||||
:spacing 0
|
:spacing 0
|
||||||
:icon-size 20
|
:icon-size 20
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
:revealvar reveal_volume
|
:revealvar reveal_volume
|
||||||
:revealvar-name "reveal_volume"
|
:revealvar-name "reveal_volume"
|
||||||
(button :onclick 'pavucontrol-qt --tab 3'
|
(button :onclick 'pavucontrol-qt --tab 3'
|
||||||
:class {(volume == 0) ? "" : "active"}
|
:class {(volume == 0) ? '' : 'active'}
|
||||||
{(volume == 0) ? "" : ((volume > 50) ? "" : "")})
|
{(volume == 0) ? "" : ((volume > 50) ? "" : "")})
|
||||||
(volume_children)))
|
(volume_children)))
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
:revealvar reveal_vpn
|
:revealvar reveal_vpn
|
||||||
:revealvar-name "reveal_vpn"
|
:revealvar-name "reveal_vpn"
|
||||||
(button :onclick 'notify-send "test"'
|
(button :onclick 'notify-send "test"'
|
||||||
:class {network_status.proton || network_status.homevpn ? "active" : "inactive"}
|
:class {network_status.proton || network_status.homevpn ? 'active' : 'inactive'}
|
||||||
{network_status.proton || network_status.homevpn ? "" : ""})
|
{network_status.proton || network_status.homevpn ? "" : ""})
|
||||||
(vpn_children)))
|
(vpn_children)))
|
||||||
|
|
||||||
|
|
|
@ -2,5 +2,5 @@
|
||||||
:interval "60s"
|
:interval "60s"
|
||||||
"scripts/bar/activewindow")
|
"scripts/bar/activewindow")
|
||||||
(defwidget windowtitle []
|
(defwidget windowtitle []
|
||||||
(box :class {active_window_name != "" ? "active_window" : ""}
|
(label :class {active_window_name != "" ? "active_window" : ""}
|
||||||
{active_window_name}))
|
:text {active_window_name}))
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
|
(deflisten activeWorkspace :initial '1'
|
||||||
|
'scripts/bar/active-workspace')
|
||||||
(deflisten workspacesArray :initial '[{"name": "placeholder","focused":true,"num":0}]'
|
(deflisten workspacesArray :initial '[{"name": "placeholder","focused":true,"num":0}]'
|
||||||
'scripts/bar/workspaces')
|
'scripts/bar/workspaces')
|
||||||
|
(defvar wsreveal true)
|
||||||
|
|
||||||
(defwidget workspaces [array]
|
(defwidget workspaces [array]
|
||||||
(box :class "workspaces"
|
(box :class "workspaces"
|
||||||
|
@ -7,11 +10,74 @@
|
||||||
:space-evenly false
|
:space-evenly false
|
||||||
:halign "start"
|
:halign "start"
|
||||||
|
|
||||||
(for entry in array
|
(revealer
|
||||||
(button :onclick `swaymsg workspace "${entry.name}"`
|
:reveal wsreveal
|
||||||
:class {entry.focused ? "focused" : ""}
|
:transition "slideleft"
|
||||||
(box
|
:duration "500ms"
|
||||||
'${replace(entry.name,".*:","")}'
|
(box
|
||||||
(label
|
(for entry in array
|
||||||
:class "workspace-number"
|
(literal
|
||||||
:text {jq(captures(entry.num, '[0-9]$'),'.[].[]','r')}))))))
|
:visible {((entry.num <= activeWorkspace) && !entry.focused) ? true : false}
|
||||||
|
:content {((entry.num <= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'left')" : "(box :visible false)"}))))
|
||||||
|
(box
|
||||||
|
(for entry in array
|
||||||
|
(literal
|
||||||
|
:visible {entry.focused ? true : false}
|
||||||
|
:content {entry.focused ? "(workspace :ws entry :side 'center')" : "(box :visible false)"})))
|
||||||
|
(revealer
|
||||||
|
:reveal wsreveal
|
||||||
|
:transition "slideright"
|
||||||
|
:duration "500ms"
|
||||||
|
(box
|
||||||
|
(for entry in array
|
||||||
|
(literal
|
||||||
|
:visible {((entry.num >= activeWorkspace) && !entry.focused) ? true : false}
|
||||||
|
:content {((entry.num >= activeWorkspace) && !entry.focused) ? "(workspace :ws entry :side 'right')" : "(box :visible false)"}))))))
|
||||||
|
|
||||||
|
; (for entry in array
|
||||||
|
; {entry.focused ? (workspace :ws entry) : ""})))
|
||||||
|
; (for ws in {}
|
||||||
|
; (box
|
||||||
|
; (literal
|
||||||
|
; :visible {(entry.num < jq(array, '.. | select(.type?) | select(.focused==true).num', 'r')) ? true : false}
|
||||||
|
; :content {(entry.num < jq(array, '.. | select(.type?) | select(.focused==true).num', 'r')) ? "(workspace :ws entry)" : "(box :visible false)"})
|
||||||
|
; (literal
|
||||||
|
; :visible {entry.focused ? true : false}
|
||||||
|
; :content {entry.focused ? "(workspace :ws entry)" : "(box :visible false)"})
|
||||||
|
; (literal
|
||||||
|
; :visible {(entry.num > jq(array, '.. | select(.type?) | select(.focused==true).num')) ? true : false}
|
||||||
|
; :content {(entry.num > jq(array, '.. | select(.type?) | select(.focused==true).num')) ? "(workspace :ws entry)" : "(box :visible false)"})))))
|
||||||
|
|
||||||
|
;; {entry.focused ? "${entry.num}" : ""})))
|
||||||
|
; (button :onclick `swaymsg workspace "${entry.name}"`
|
||||||
|
; :class {entry.focused ? "focused" : ""}
|
||||||
|
; (box
|
||||||
|
; '${replace(entry.name,".*:","")}'
|
||||||
|
; (label
|
||||||
|
; :class "workspace-number"
|
||||||
|
; :text {jq(captures(entry.num, '[0-9]$'),'.[].[]','r')}))))))
|
||||||
|
|
||||||
|
(defwidget workspace [ws side]
|
||||||
|
(button :onclick `swaymsg workspace "${ws.name}"`
|
||||||
|
; :class {ws.focused ? "focused" : ""}
|
||||||
|
:class side
|
||||||
|
(box
|
||||||
|
'${replace(ws.name,".*:","")}'
|
||||||
|
(label
|
||||||
|
:class "workspace-number"
|
||||||
|
:text {jq(captures(ws.num, '[0-9]$'),'.[].[]','r')}))))
|
||||||
|
|
||||||
|
;(defwidget workspaces [array]
|
||||||
|
;(box :class "workspaces"
|
||||||
|
; :orientation "h"
|
||||||
|
; :space-evenly false
|
||||||
|
; :halign "start"
|
||||||
|
;
|
||||||
|
; (for entry in array
|
||||||
|
; (button :onclick `swaymsg workspace "${entry.name}"`
|
||||||
|
; :class {entry.focused ? "focused" : ""}
|
||||||
|
; (box
|
||||||
|
; '${replace(entry.name,".*:","")}'
|
||||||
|
; (label
|
||||||
|
; :class "workspace-number"
|
||||||
|
; :text {jq(captures(entry.num, '[0-9]$'),'.[].[]','r')}))))))
|
||||||
|
|
|
@ -3,14 +3,14 @@
|
||||||
:class "${class} revealer-on-press ${revealvar ? 'revealer_opened' : 'revealer_closed'}"
|
:class "${class} revealer-on-press ${revealvar ? 'revealer_opened' : 'revealer_closed'}"
|
||||||
; :width {revealvar ? 300 : 100}
|
; :width {revealvar ? 300 : 100}
|
||||||
:space-evenly false
|
:space-evenly false
|
||||||
(eventbox
|
(box
|
||||||
:onclick '${EWW_CMD} update ${revealvar-name}=${revealvar ? "false" : "true"}'
|
:orientation "vertical"
|
||||||
(box
|
:space-evenly false
|
||||||
:orientation "vertical"
|
(eventbox
|
||||||
:space-evenly false
|
:onclick '${EWW_CMD} update ${revealvar-name}=${revealvar ? "false" : "true"}'
|
||||||
(children :nth 0)
|
(children :nth 0))
|
||||||
(revealer
|
(revealer
|
||||||
:reveal revealvar
|
:reveal revealvar
|
||||||
:transition {transition ?: "slidedown"}
|
:transition {transition ?: "slidedown"}
|
||||||
:duration {duration ?: "500ms"}
|
:duration {duration ?: "500ms"}
|
||||||
(children :nth 1))))))
|
(children :nth 1)))))
|
||||||
|
|
14
de/home/.config/eww/scripts/bar/active-workspace
Executable file
14
de/home/.config/eww/scripts/bar/active-workspace
Executable file
|
@ -0,0 +1,14 @@
|
||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
function get_workspaces_info() {
|
||||||
|
output=$(swaymsg -t get_workspaces | jq -r '.. | select(.type?) | select(.focused==true).num')
|
||||||
|
echo $output
|
||||||
|
}
|
||||||
|
|
||||||
|
get_workspaces_info
|
||||||
|
|
||||||
|
swaymsg -t subscribe '["workspace"]' --monitor | {
|
||||||
|
while read -r event; do
|
||||||
|
get_workspaces_info
|
||||||
|
done
|
||||||
|
}
|
|
@ -3,7 +3,7 @@
|
||||||
if [[ "$(eww active-windows)" == *"home"* ]]; then
|
if [[ "$(eww active-windows)" == *"home"* ]]; then
|
||||||
img_dir="${HOME}/Pictures/Phone/Albums/Rattos/"
|
img_dir="${HOME}/Pictures/Phone/Albums/Rattos/"
|
||||||
img_list=$( find "${img_dir}" -iname '*.jpg' -or -iname '*.png' -or -iname '*.heic')
|
img_list=$( find "${img_dir}" -iname '*.jpg' -or -iname '*.png' -or -iname '*.heic')
|
||||||
img=$( shuf -n 1 <<< ${img_list} )
|
img=$( shuf -n 1 <<< "${img_list}" )
|
||||||
mkdir -p "${HOME}/.cache/eww/"
|
mkdir -p "${HOME}/.cache/eww/"
|
||||||
convert "${img}" -resize x300\> "${HOME}/.cache/eww/rat.jpg"
|
convert "${img}" -resize x300\> "${HOME}/.cache/eww/rat.jpg"
|
||||||
echo "${HOME}/.cache/eww/rat.jpg"
|
echo "${HOME}/.cache/eww/rat.jpg"
|
||||||
|
|
127
de/home/.config/eww/style/bar.scss
Normal file
127
de/home/.config/eww/style/bar.scss
Normal file
|
@ -0,0 +1,127 @@
|
||||||
|
.bar {
|
||||||
|
font-size: 1.05em;
|
||||||
|
padding: 10px 0px 0px;
|
||||||
|
margin: 0px 15px;
|
||||||
|
|
||||||
|
.leftgroup,
|
||||||
|
.centergroup,
|
||||||
|
.rightgroup {
|
||||||
|
background-color: $bar-bg-color;
|
||||||
|
border-radius: $bar-module-border-radius;
|
||||||
|
// &>box:not(.workspaces),
|
||||||
|
&>box.revealer-on-hover,
|
||||||
|
&>button,
|
||||||
|
&>label {
|
||||||
|
color: $bar-module-fg-color;
|
||||||
|
background-color: $bar-bg-color;
|
||||||
|
border-radius: $bar-module-border-radius;
|
||||||
|
margin: 0px 5px;
|
||||||
|
// padding: 0px 5px;
|
||||||
|
min-width: $bar-module-width;
|
||||||
|
border: 2px solid $bar-module-fg-color;
|
||||||
|
background-color: $bar-module-bg-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.workspaces {
|
||||||
|
color: $bar-module-fg-color;
|
||||||
|
border-radius: $bar-module-border-radius;
|
||||||
|
margin: 0px 5px;
|
||||||
|
// min-width: $bar-module-width;
|
||||||
|
border: 2px solid $bar-module-fg-color;
|
||||||
|
background-color: $bar-module-bg-color;
|
||||||
|
|
||||||
|
button {
|
||||||
|
min-width: 35px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
// padding: 0px 0px;
|
||||||
|
&.left {
|
||||||
|
// border-right: 1px solid $bar-module-fg-color;
|
||||||
|
border-left: 1px solid $bar-module-fg-color;
|
||||||
|
border-radius: $bar-module-border-radius - 2;
|
||||||
|
}
|
||||||
|
&.center {
|
||||||
|
// text-shadow: $bar-module-active-shadow;
|
||||||
|
color: $bar-module-fg-color;
|
||||||
|
// background-color: $bar-module-active-fg-color;
|
||||||
|
border-radius: $bar-module-border-radius - 2;
|
||||||
|
box-shadow: 0 0 2px 1px $bar-module-fg-color;
|
||||||
|
}
|
||||||
|
&.right {
|
||||||
|
// border-left: 1px solid $bar-module-fg-color;
|
||||||
|
border-right: 1px solid $bar-module-fg-color;
|
||||||
|
border-radius: $bar-module-border-radius - 2;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
padding: 4px 6px;
|
||||||
|
margin-right: -10px;
|
||||||
|
}
|
||||||
|
.workspace-number {
|
||||||
|
margin: 0px;
|
||||||
|
margin-left: 2px;
|
||||||
|
margin-top: -15px;
|
||||||
|
padding: 0px;
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
text-shadow: $bar-module-hover-shadow;
|
||||||
|
color: $bar-hover-fg-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
scale trough,
|
||||||
|
progressbar>trough {
|
||||||
|
background-color: $color9;
|
||||||
|
min-width: 50px;
|
||||||
|
min-height: 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
scale trough highlight,
|
||||||
|
progressbar>trough>progress {
|
||||||
|
background-color: $color2;
|
||||||
|
border-radius: 4px;
|
||||||
|
min-height: 10px;
|
||||||
|
transition: box-shadow 0.3s;
|
||||||
|
&:hover{
|
||||||
|
box-shadow: 0px 0px 0px 2px $color2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
circular-progress {
|
||||||
|
color: $color9;
|
||||||
|
background-color: $color2;
|
||||||
|
}
|
||||||
|
&>box>button,
|
||||||
|
&>box>label,
|
||||||
|
.revealer-on-hover>widget>box>box>*,
|
||||||
|
.reveal_children>* {
|
||||||
|
padding: 0px 5px;
|
||||||
|
min-width: $bar-module-width;
|
||||||
|
transition: all 0.3s;
|
||||||
|
&:hover {
|
||||||
|
color: $bar-hover-fg-color;
|
||||||
|
text-shadow: $bar-module-hover-shadow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.reveal_children>* {
|
||||||
|
border-left: 1px solid $bar-module-fg-color;
|
||||||
|
}
|
||||||
|
.tray>widget>image,
|
||||||
|
.scratchpad>button>image {
|
||||||
|
padding: 3px 4px;
|
||||||
|
min-width: $bar-module-width;
|
||||||
|
}
|
||||||
|
.tray>widget,
|
||||||
|
.scratchpad>button {
|
||||||
|
image{
|
||||||
|
opacity: 0.4;
|
||||||
|
transition: all 0.3s;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
&:hover,&:hover image {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.datetime {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
|
@ -86,7 +86,7 @@ Fallback Encoding=ISO 8859-15
|
||||||
[KTextEditor Renderer]
|
[KTextEditor Renderer]
|
||||||
Animate Bracket Matching=false
|
Animate Bracket Matching=false
|
||||||
Auto Color Theme Selection=true
|
Auto Color Theme Selection=true
|
||||||
Color Theme=Breeze Light
|
Color Theme=Breeze Dark
|
||||||
Font=monospace,9,-1,2,50,0,0,0,0,0
|
Font=monospace,9,-1,2,50,0,0,0,0,0
|
||||||
Line Height Multiplier=1.3
|
Line Height Multiplier=1.3
|
||||||
Show Indentation Lines=false
|
Show Indentation Lines=false
|
||||||
|
@ -168,8 +168,8 @@ RunPrefix=
|
||||||
SetEditor=false
|
SetEditor=false
|
||||||
|
|
||||||
[MainWindow]
|
[MainWindow]
|
||||||
1920x1200 screen: Height=1122
|
1920x1200 screen: Height=1128
|
||||||
1920x1200 screen: Width=941
|
1920x1200 screen: Width=396
|
||||||
2 screens: Height=467
|
2 screens: Height=467
|
||||||
2 screens: Width=704
|
2 screens: Width=704
|
||||||
2048x1280 screen: Height=713
|
2048x1280 screen: Height=713
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
[Appearance]
|
[Appearance]
|
||||||
color_scheme_path=/home/pogmommy/.config/qt6ct/colors/darker_pink.conf
|
color_scheme_path=/home/penelope/.config/qt6ct/colors/darker_pink.conf
|
||||||
custom_palette=true
|
custom_palette=true
|
||||||
icon_theme=breeze-dark
|
icon_theme=breeze-dark
|
||||||
standard_dialogs=default
|
standard_dialogs=default
|
||||||
|
@ -19,7 +19,7 @@ gui_effects=@Invalid()
|
||||||
keyboard_scheme=2
|
keyboard_scheme=2
|
||||||
menus_have_icons=true
|
menus_have_icons=true
|
||||||
show_shortcuts_in_context_menus=true
|
show_shortcuts_in_context_menus=true
|
||||||
stylesheets=/home/pogmommy/.config/qt6ct/qss/header-fix.qss, /usr/share/qt6ct/qss/fusion-fixes.qss
|
stylesheets=/usr/share/qt6ct/qss/fusion-fixes.qss
|
||||||
toolbutton_style=4
|
toolbutton_style=4
|
||||||
underline_shortcut=1
|
underline_shortcut=1
|
||||||
wheel_scroll_lines=3
|
wheel_scroll_lines=3
|
||||||
|
@ -31,7 +31,7 @@ geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\bz\0\0\a\b\0\0\v\x1b\0\0\n\x2\0
|
||||||
geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2)
|
geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x2\x82\0\0\x1\xf2)
|
||||||
|
|
||||||
[SettingsWindow]
|
[SettingsWindow]
|
||||||
geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2|\0\0\x2\v\0\0\0\0\0\0\0\0\0\0\x2|\0\0\x2\v\0\0\0\0\0\0\0\0\b\0\0\0\0\0\0\0\0\0\0\0\x2|\0\0\x2\v)
|
geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x2l\0\0\x4_\0\0\0\0\0\0\0\0\0\0\x2l\0\0\x4_\0\0\0\0\0\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x2l\0\0\x4_)
|
||||||
|
|
||||||
[Troubleshooting]
|
[Troubleshooting]
|
||||||
force_raster_widgets=1
|
force_raster_widgets=1
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
|
|
||||||
# Spacing between windows and edges
|
# Spacing between windows and edges
|
||||||
gaps inner 10
|
gaps inner 10
|
||||||
|
#gaps top -10
|
||||||
|
gaps left -10
|
||||||
workspace 0: {
|
workspace 0: {
|
||||||
# gaps left 310
|
# gaps left 310
|
||||||
output $overview_display
|
output $overview_display
|
||||||
|
|
Loading…
Add table
Reference in a new issue