Compare commits
No commits in common. "a3661187dc17cb2b8117b1cb011ce6667b6fedc3" and "c898cccbf0262cf4249d2bf2e2a5860d32e34cb2" have entirely different histories.
a3661187dc
...
c898cccbf0
|
@ -1,106 +1,55 @@
|
||||||
* {
|
* {
|
||||||
all: unset; //Unsets everything so you can style everything from scratch
|
all: unset; //Unsets everything so you can style everything from scratch
|
||||||
font-family: "FiraCode Nerd Font";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//Global Styles
|
//Global Styles
|
||||||
|
|
||||||
@import "mocha.scss";
|
|
||||||
|
|
||||||
.bar {
|
.bar {
|
||||||
background-color: $mantle;
|
background-color: #3a3a3a;
|
||||||
color: $text;
|
color: #b0b4bc;
|
||||||
}
|
padding: 10px;
|
||||||
|
|
||||||
// Workspace Styles
|
|
||||||
|
|
||||||
$colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $green, $teal;
|
|
||||||
|
|
||||||
.workspace {
|
|
||||||
|
|
||||||
@for $i from 1 through 10 {
|
|
||||||
&.entry-#{$i} {
|
|
||||||
.text {
|
|
||||||
padding: 0 5px;
|
|
||||||
color: $crust;
|
|
||||||
background-color: mix(nth($colors, $i), #4E4365, 30%);
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background-color: mix(nth($colors, $i), #4E4365, 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.empty {
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.seperator {
|
|
||||||
font-size: 19px;
|
|
||||||
margin-top: -1px;
|
|
||||||
|
|
||||||
&.up {
|
|
||||||
color: mix(nth($colors, $i), #4E4365, 30%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.up.active {
|
|
||||||
color: mix(nth($colors, $i), #4E4365, 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.down {
|
|
||||||
margin-left: -12px;
|
|
||||||
margin-right: -1px;
|
|
||||||
|
|
||||||
@if $i ==10 {
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
@else {
|
|
||||||
&.active {
|
|
||||||
color: mix(nth($colors, $i + 1), #4E4365, 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
color: mix(nth($colors, $i + 1), #4E4365, 30%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Styles on classes (see eww.yuck for more information)
|
// Styles on classes (see eww.yuck for more information)
|
||||||
|
|
||||||
.sidestuff slider {
|
.sidestuff slider {
|
||||||
all: unset;
|
all: unset;
|
||||||
|
color: #ffd5cd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.metric scale trough highlight {
|
.metric scale trough highlight {
|
||||||
all: unset;
|
all: unset;
|
||||||
background-color: $blue;
|
background-color: #D35D6E;
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric scale trough {
|
|
||||||
all: unset;
|
|
||||||
border-radius: 50px;
|
|
||||||
min-height: 3px;
|
|
||||||
min-width: 50px;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric scale trough highlight {
|
|
||||||
all: unset;
|
|
||||||
background-color: #5d96d3;
|
|
||||||
color: #000000;
|
color: #000000;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.metric scale trough {
|
.metric scale trough {
|
||||||
all: unset;
|
all: unset;
|
||||||
background-color: $surface0;
|
background-color: #4e4e4e;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
min-height: 3px;
|
min-height: 3px;
|
||||||
min-width: 50px;
|
min-width: 50px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.metric scale trough highlight {
|
||||||
|
all: unset;
|
||||||
|
background-color: #D35D6E;
|
||||||
|
color: #000000;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.metric scale trough {
|
||||||
|
all: unset;
|
||||||
|
background-color: #4e4e4e;
|
||||||
|
border-radius: 50px;
|
||||||
|
min-height: 3px;
|
||||||
|
min-width: 50px;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.workspace-entry.active {
|
||||||
|
color: #D35D6E;
|
||||||
|
}
|
|
@ -1,21 +1,3 @@
|
||||||
(defwindow bar
|
|
||||||
:monitor 0
|
|
||||||
:windowtype "dock"
|
|
||||||
:exclusive true
|
|
||||||
:geometry (geometry
|
|
||||||
:x "0%"
|
|
||||||
:y "0%"
|
|
||||||
:width "100%"
|
|
||||||
:height "22px"
|
|
||||||
:anchor "top center"
|
|
||||||
)
|
|
||||||
:reserve (struts
|
|
||||||
:side "top"
|
|
||||||
:distance "4%"
|
|
||||||
)
|
|
||||||
(bar)
|
|
||||||
)
|
|
||||||
|
|
||||||
(defwidget bar []
|
(defwidget bar []
|
||||||
(centerbox
|
(centerbox
|
||||||
:orientation "h"
|
:orientation "h"
|
||||||
|
@ -25,6 +7,7 @@
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
(defwidget sidestuff []
|
(defwidget sidestuff []
|
||||||
(box
|
(box
|
||||||
:class "sidestuff"
|
:class "sidestuff"
|
||||||
|
@ -66,6 +49,7 @@
|
||||||
(eventbox :class "workspaces-widget"
|
(eventbox :class "workspaces-widget"
|
||||||
(box
|
(box
|
||||||
:space-evenly false
|
:space-evenly false
|
||||||
|
:spacing 10
|
||||||
(label
|
(label
|
||||||
:text "${workspaces}${active_workspace}"
|
:text "${workspaces}${active_workspace}"
|
||||||
:visible false
|
:visible false
|
||||||
|
@ -74,27 +58,16 @@
|
||||||
(eventbox
|
(eventbox
|
||||||
:onclick "hyprctl dispatch workspace ${workspace.id}"
|
:onclick "hyprctl dispatch workspace ${workspace.id}"
|
||||||
(box
|
(box
|
||||||
:class "workspace entry-${workspace.id}"
|
:class "workspace-entry ${workspace.id == active_workspace ? "active" : ""} ${workspace.windows > 0 ? "occupied" : "empty"}"
|
||||||
:space-evenly false
|
|
||||||
(label
|
(label
|
||||||
:class "text ${workspace.id == active_workspace ? "active" : "unactive"} ${workspace.windows > 0 ? "occupied" : "empty"}"
|
|
||||||
:text "${workspace.id}"
|
:text "${workspace.id}"
|
||||||
)
|
)
|
||||||
(label
|
|
||||||
:class "seperator up ${workspace.id == active_workspace ? "active" : "unactive"}"
|
|
||||||
:text ""
|
|
||||||
)
|
|
||||||
(label
|
|
||||||
:class "seperator down ${workspace.id == active_workspace - 1 ? "active" : "unactive"}"
|
|
||||||
:text ""
|
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(defwidget metric [label value onchange]
|
(defwidget metric [label value onchange]
|
||||||
|
@ -126,3 +99,21 @@
|
||||||
:interval "1s"
|
:interval "1s"
|
||||||
"date '+%Y-%m-%d %H:%M:%S'"
|
"date '+%Y-%m-%d %H:%M:%S'"
|
||||||
)
|
)
|
||||||
|
|
||||||
|
(defwindow bar
|
||||||
|
:monitor 0
|
||||||
|
:windowtype "dock"
|
||||||
|
:exclusive true
|
||||||
|
:geometry (geometry
|
||||||
|
:x "0%"
|
||||||
|
:y "0%"
|
||||||
|
:width "100%"
|
||||||
|
:height "22px"
|
||||||
|
:anchor "top center"
|
||||||
|
)
|
||||||
|
:reserve (struts
|
||||||
|
:side "top"
|
||||||
|
:distance "4%"
|
||||||
|
)
|
||||||
|
(bar)
|
||||||
|
)
|
||||||
|
|
|
@ -1,26 +0,0 @@
|
||||||
$rosewater: #f5e0dc;
|
|
||||||
$flamingo: #f2cdcd;
|
|
||||||
$pink: #f5c2e7;
|
|
||||||
$mauve: #cba6f7;
|
|
||||||
$red: #f38ba8;
|
|
||||||
$maroon: #eba0ac;
|
|
||||||
$peach: #fab387;
|
|
||||||
$yellow: #f9e2af;
|
|
||||||
$green: #a6e3a1;
|
|
||||||
$teal: #94e2d5;
|
|
||||||
$sky: #89dceb;
|
|
||||||
$sapphire: #74c7ec;
|
|
||||||
$blue: #89b4fa;
|
|
||||||
$lavender: #b4befe;
|
|
||||||
$text: #cdd6f4;
|
|
||||||
$subtext1: #bac2de;
|
|
||||||
$subtext0: #a6adc8;
|
|
||||||
$overlay2: #9399b2;
|
|
||||||
$overlay1: #7f849c;
|
|
||||||
$overlay0: #6c7086;
|
|
||||||
$surface2: #585b70;
|
|
||||||
$surface1: #45475a;
|
|
||||||
$surface0: #313244;
|
|
||||||
$base: #1e1e2e;
|
|
||||||
$mantle: #181825;
|
|
||||||
$crust: #11111b;
|
|
Loading…
Reference in a new issue