forked from Shinonome/dots-hyprland
change order of center left section of bar; introduce focus mode
This commit is contained in:
@@ -4,6 +4,8 @@
|
||||
$black: black;
|
||||
$white: white;
|
||||
$bar_ws_width: 1.774rem;
|
||||
$bar_ws_width_focus: 0.614rem;
|
||||
$bar_ws_width_focus_active: 2.045rem;
|
||||
$bar_subgroup_bg: $surfaceVariant;
|
||||
|
||||
@mixin bar-group-rounding {
|
||||
@@ -19,6 +21,15 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
min-height: 2.727rem;
|
||||
}
|
||||
|
||||
.bar-bg-focus {
|
||||
background-color: $t_background;
|
||||
min-height: 1.364rem;
|
||||
}
|
||||
|
||||
.bar-bg-focus-batterylow {
|
||||
background-color: mix($background, $errorContainer, 80%);
|
||||
}
|
||||
|
||||
.bar-sidespace {
|
||||
min-width: 1.5rem;
|
||||
}
|
||||
@@ -84,6 +95,7 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
.bar-ws {
|
||||
min-width: $bar_ws_width;
|
||||
color: mix($onBackground, $background, 40%);
|
||||
|
||||
@if $darkmode ==true {
|
||||
color: mix($onBackground, $background, 45%);
|
||||
}
|
||||
@@ -99,6 +111,26 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
color: $onSurfaceVariant;
|
||||
}
|
||||
|
||||
// Focus is the bar mode name, not the workspace state!
|
||||
|
||||
.bar-ws-focus {
|
||||
background-color: $bar_subgroup_bg;
|
||||
min-width: $bar_ws_width_focus;
|
||||
}
|
||||
|
||||
.bar-ws-focus-active {
|
||||
min-width: $bar_ws_width_focus_active;
|
||||
background-color: $onBackground;
|
||||
}
|
||||
|
||||
.bar-ws-focus-occupied {
|
||||
background-color: mix($onBackground, $background, 40%);
|
||||
|
||||
@if $darkmode ==true {
|
||||
background-color: mix($onBackground, $background, 45%);
|
||||
}
|
||||
}
|
||||
|
||||
.bar-separator {
|
||||
@include full-rounding;
|
||||
min-width: 0.341rem;
|
||||
@@ -250,17 +282,17 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
padding: 0.341rem;
|
||||
}
|
||||
|
||||
.bar-space-button > box:first-child {
|
||||
.bar-space-button>box:first-child {
|
||||
@include full-rounding;
|
||||
padding: 0rem 0.682rem;
|
||||
}
|
||||
|
||||
.bar-space-button:hover > box:first-child,
|
||||
.bar-space-button:focus > box:first-child {
|
||||
.bar-space-button:hover>box:first-child,
|
||||
.bar-space-button:focus>box:first-child {
|
||||
background-color: $hovercolor;
|
||||
}
|
||||
|
||||
.bar-space-button:active > box:first-child {
|
||||
.bar-space-button:active>box:first-child {
|
||||
background-color: $activecolor;
|
||||
}
|
||||
|
||||
@@ -270,7 +302,7 @@ $bar_subgroup_bg: $surfaceVariant;
|
||||
}
|
||||
}
|
||||
|
||||
.bar-space-area-rightmost > box {
|
||||
.bar-space-area-rightmost>box {
|
||||
padding-right: 2.386rem;
|
||||
}
|
||||
|
||||
|
||||
@@ -60,7 +60,7 @@ $rounding_large: 1.705rem;
|
||||
|
||||
@mixin readingfont {
|
||||
// The most readable fonts, for a comfortable reading experience
|
||||
// in stuff like ChatGPT widget
|
||||
// in stuff like AI chat on sidebar
|
||||
font-family: "Lexend", "Noto Sans", sans-serif;
|
||||
// font-weight: 500;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user