bar with gaps?

This commit is contained in:
Lennart J. Kurzweg (Nx2)
2024-04-21 22:20:14 +02:00
parent 907fe34f56
commit 819f0a8079
3 changed files with 32 additions and 31 deletions

View File

@@ -2,9 +2,6 @@
let
animation-speed = "2";
transparency = builtins.toString rice.transparency;
gap-size = 10;
rounding = rice.rounding;
border-width = 3;
monitors = {
xps = {
main = {
@@ -140,11 +137,11 @@ in
};
general = {
gaps_in = builtins.div gap-size 2;
gaps_out = gap-size;
border_size = border-width;
gaps_in = builtins.div rice.gap-size 2;
gaps_out = rice.gap-size;
border_size = rice.border-width;
"col.active_border" = "rgba(${rice.lib.nohash rice.color.red}ff) rgba(${rice.lib.nohash rice.color.blue}ff) 90deg";
"col.inactive_border" = "rgba(${rice.lib.nohash rice.color.black}ff)";
"col.inactive_border" = "rgba(${rice.lib.nohash rice.color.black}ff) rgba(${rice.lib.nohash rice.color.blue}ff) 90deg";
cursor_inactive_timeout = 10;
@@ -154,7 +151,7 @@ in
};
decoration = {
rounding = rounding;
rounding = rice.rounding;
drop_shadow = false;
shadow_range = "20";
shadow_offset = "0 0";
@@ -184,7 +181,7 @@ in
# bezier = "myBezier, 0.01, 0.9, 0.1, 1.0"; #o
# bezier = "myBezier, 0.83, 0, 0.17, 1"; # io
bezier = "myBezier, 0.33, 1, 0.68, 1";
animation = let direction = if host == "NxXPS" then "slide" else "fade"; in [
animation = let direction = if host == "NxXPS" then "slide" else "slidevert"; in [
"windows, 1, ${animation-speed}, myBezier, slide"
"border, 1, ${animation-speed}, myBezier"
"fade, 1, ${animation-speed}, myBezier"
@@ -208,7 +205,7 @@ in
dwindle = {
preserve_split = true; # you probably want this
no_gaps_when_only = true;
no_gaps_when_only = false;
};
master = {
@@ -467,7 +464,7 @@ in
# plugin = {
# hyprexpo = {
# columns = 1;
# gap_size = gap-size;
# gap_size = rice.gap-size;
# bg_col = "rgb(ff1111)";
# workspace_method = "center current"; # [center/first] [workspace] e.g. first 1 or center m+1
@@ -777,7 +774,7 @@ in
plugin {
hyprexpo {
columns = 5
gap_size = ${builtins.toString gap-size}
gap_size = ${builtins.toString rice.gap-size}
bg_col = rgb(${rice.lib.nohash rice.color.background})
workspace_method = first 10 # [center/first] [workspace] e.g. first 1 or center m+1

View File

@@ -58,15 +58,14 @@ in
enable = true;
settings = {
bar = {
height = 20;
height = 30;
layer = "top";
# position = "top";
position = "bottom";
margin-top = 0;
margin-left = 0;
margin-bottom = 0;
padding-bottom = 0;
margin-right = 0;
margin-left = rice.gap-size;
margin-bottom = rice.gap-size;
margin-right = rice.gap-size;
spacing = 10;
modules-left = [
"cpu"
@@ -168,15 +167,20 @@ in
* {
font-family: ${rice.font.code.name2};
font-size: 1em;
min-height: 0;
min-height: 0px;
margin: 0px;
padding: 0px;
}
window#waybar {
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.background},${builtins.toString rice.transparency});
transition-duration: 0.5s;
padding: 0.1em 1em;
padding: 7px 10px;
padding-top: 0.1em;
border: None;
border: ${builtins.toString rice.border-width}px solid rgb(${rice.lib.hex-to-rgb-comma-string rice.color.blue});
/* margin: ${builtins.toString rice.gap-size}px; */
border-radius: ${builtins.toString rice.rounding}px;
}
#clock,
@@ -196,29 +200,27 @@ in
padding: 0px 3px;
margin-top: 0.3em;
border-radius: ${builtins.toString rice.rounding}px;
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.foreground});
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.bright-cyan});
}
#workspaces button {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.bright-black});
padding: 0px 10px;
margin: 1px;
margin-left: 10px;
margin-right: 10px;
border-radius: ${builtins.toString rice.rounding}px;
border: None;
}
#workspaces button.active {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.bright-cyan});
}
#workspaces button:hover {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.background});
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.foreground},${builtins.toString rice.transparency});
}
#workspaces button.active {
color: rgb(${rice.lib.hex-to-rgb-comma-string rice.color.foreground});
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.background},${builtins.toString rice.transparency});
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.bright-cyan},${builtins.toString rice.transparency});
}
#workspaces button.urgent {
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.magenta},${builtins.toString rice.transparency});
background-color: rgba(${rice.lib.hex-to-rgb-comma-string rice.color.magenta},${builtins.toString rice.transparency});
}
#custom-mode {