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
|
||||
font-family: "FiraCode Nerd Font";
|
||||
all: unset; //Unsets everything so you can style everything from scratch
|
||||
}
|
||||
|
||||
// Global Styles
|
||||
|
||||
@import "mocha.scss";
|
||||
|
||||
//Global Styles
|
||||
.bar {
|
||||
background-color: $mantle;
|
||||
color: $text;
|
||||
}
|
||||
|
||||
// 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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
background-color: #3a3a3a;
|
||||
color: #b0b4bc;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
// Styles on classes (see eww.yuck for more information)
|
||||
|
||||
.sidestuff slider {
|
||||
all: unset;
|
||||
color: #ffd5cd;
|
||||
}
|
||||
|
||||
.metric scale trough highlight {
|
||||
all: unset;
|
||||
background-color: $blue;
|
||||
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;
|
||||
background-color: #D35D6E;
|
||||
color: #000000;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.metric scale trough {
|
||||
all: unset;
|
||||
background-color: $surface0;
|
||||
background-color: #4e4e4e;
|
||||
border-radius: 50px;
|
||||
min-height: 3px;
|
||||
min-width: 50px;
|
||||
margin-left: 10px;
|
||||
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 []
|
||||
(centerbox
|
||||
:orientation "h"
|
||||
|
@ -25,6 +7,7 @@
|
|||
)
|
||||
)
|
||||
|
||||
|
||||
(defwidget sidestuff []
|
||||
(box
|
||||
:class "sidestuff"
|
||||
|
@ -66,6 +49,7 @@
|
|||
(eventbox :class "workspaces-widget"
|
||||
(box
|
||||
:space-evenly false
|
||||
:spacing 10
|
||||
(label
|
||||
:text "${workspaces}${active_workspace}"
|
||||
:visible false
|
||||
|
@ -74,20 +58,10 @@
|
|||
(eventbox
|
||||
:onclick "hyprctl dispatch workspace ${workspace.id}"
|
||||
(box
|
||||
:class "workspace entry-${workspace.id}"
|
||||
:space-evenly false
|
||||
:class "workspace-entry ${workspace.id == active_workspace ? "active" : ""} ${workspace.windows > 0 ? "occupied" : "empty"}"
|
||||
(label
|
||||
:class "text ${workspace.id == active_workspace ? "active" : "unactive"} ${workspace.windows > 0 ? "occupied" : "empty"}"
|
||||
: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 ""
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
|
@ -96,7 +70,6 @@
|
|||
)
|
||||
|
||||
|
||||
|
||||
(defwidget metric [label value onchange]
|
||||
(box
|
||||
:orientation "h"
|
||||
|
@ -126,3 +99,21 @@
|
|||
:interval "1s"
|
||||
"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