Skip to content

B
branding-etersoft-ximper
Commit 40b06b14 authored by Kirill Unitsaev's avatar Kirill Unitsaev Committed by Roman Alifanov
Browse files
Options

hyprland/waybar: reduce the size of modules and gaps

parent 1975c3cf
Hide whitespace changes
Inline Side-by-side
Showing with 64 additions and 72 deletions
configs/hyprland/waybar/config
View file @ 40b06b14
......@@ -4,8 +4,8 @@
"margin-left": 8,
"margin-top": 5,
"margin-right": 8,
"height": 30,
"spacing": 4,
"height": 28,
"spacing": 3,
"exclusive": true,
"gtk-layer-shell": true,
"passthrough": false,
......
configs/hyprland/waybar/style-dark.css
View file @ 40b06b14
......@@ -29,7 +29,7 @@ window#waybar {
#custom-ddclight {
background-color: @bg;
min-height: 0;
border-radius: 15px;
border-radius: 12px;
margin: 0px;
color: @text;
border: none;
......@@ -37,7 +37,6 @@ window#waybar {
#image{
border-radius: 15px;
padding: 0px 10px;
}
#image:hover {
......@@ -45,30 +44,16 @@ window#waybar {
}
#workspaces {
padding: 0px 6px;
background-color: @bg;
border: none;
padding: 0px 5px;
}
#workspaces:hover {
background-color: @selected_bg;
}
#workspaces button {
padding: 0px;
margin: 5px 0px;
color: @selected_text;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @selected_text;
}
#workspaces button.special.active {
color: @border;
border: 2px solid @border;
}
#workspaces button:hover {
color: @text;
background-color: @bg;
......@@ -78,9 +63,26 @@ window#waybar {
}
#workspaces button.urgent {
color: @success;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @success;
border-radius: 12px;
border: 1.5px solid @selected_text;
}
#workspaces button.special:hover {
color: @text;
border: 1.5px solid @text;
background-color: @bg;
}
#workspaces button.special.active {
color: @border;
border: 1.5px solid @border;
}
#workspaces button.special.urgent {
color: @success;
border: 1.5px solid @success;
}
#tray {
......@@ -91,12 +93,12 @@ window#waybar {
background-color: @selected_bg;
}
#tray menu {
background-color: @bg;
background-color: alpha(@bg, 0.80);
}
#custom-media,
#custom-media-mini { /* extra */
padding: 0px 15px;
padding: 0px 10px;
}
#custom-media:hover,
#custom-media-mini:hover { /* extra */
......@@ -105,8 +107,7 @@ window#waybar {
}
#idle_inhibitor {
padding: 0px 15px;
font-size: 12px;
padding: 0px 15px 0px 13px;
}
#idle_inhibitor:hover {
color: @selected_text;
......@@ -122,7 +123,7 @@ window#waybar {
}
#submap {
padding: 0px 15px;
padding: 0px 10px;
}
#submap:hover {
color: @selected_text;
......@@ -130,14 +131,12 @@ window#waybar {
}
#pulseaudio.volume{
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
padding: 0px 7px 0px 10px;
}
#pulseaudio.microphone{
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
padding: 0px 10px 0px 7px;
}
#pulseaudio:hover {
color: @selected_text;
......@@ -151,7 +150,7 @@ window#waybar {
}
#network {
padding: 0px 15px;
padding: 0px 10px;
}
#network:hover {
color: @selected_text;
......@@ -184,9 +183,8 @@ window#waybar {
#clock {
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
padding: 0px 7px 0px 10px;
}
#clock:hover {
color: @selected_text;
......@@ -194,9 +192,8 @@ window#waybar {
}
#custom-notification {
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
padding: 0px 10px 0px 7px;
}
#custom-notification:hover {
color: @selected_text;
......@@ -218,7 +215,6 @@ tooltip label {
#window {
padding: 0px 10px;
background-color: @bg;
border: none;
}
#window:hover {
color: @selected_text;
......
configs/hyprland/waybar/style.css
View file @ 40b06b14
......@@ -29,7 +29,7 @@ window#waybar {
#custom-ddclight {
background-color: @bg;
min-height: 0;
border-radius: 15px;
border-radius: 12px;
margin: 0px;
color: @text;
border: none;
......@@ -37,7 +37,6 @@ window#waybar {
#image{
border-radius: 15px;
padding: 0px 10px;
}
#image:hover {
......@@ -45,30 +44,16 @@ window#waybar {
}
#workspaces {
padding: 0px 6px;
background-color: @bg;
border: none;
padding: 0px 5px;
}
#workspaces:hover {
background-color: @selected_bg;
}
#workspaces button {
padding: 0px;
margin: 5px 0px;
color: @selected_text;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @selected_text;
}
#workspaces button.special.active {
color: @border;
border: 2px solid @border;
}
#workspaces button:hover {
color: @text;
background-color: @bg;
......@@ -78,9 +63,26 @@ window#waybar {
}
#workspaces button.urgent {
color: @success;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @success;
border-radius: 12px;
border: 1.5px solid @selected_text;
}
#workspaces button.special:hover {
color: @text;
border: 1.5px solid @text;
background-color: @bg;
}
#workspaces button.special.active {
color: @border;
border: 1.5px solid @border;
}
#workspaces button.special.urgent {
color: @success;
border: 1.5px solid @success;
}
#tray {
......@@ -91,12 +93,12 @@ window#waybar {
background-color: @selected_bg;
}
#tray menu {
background-color: @bg;
background-color: alpha(@bg, 0.80);
}
#custom-media,
#custom-media-mini { /* extra */
padding: 0px 15px;
padding: 0px 10px;
}
#custom-media:hover,
#custom-media-mini:hover { /* extra */
......@@ -105,8 +107,7 @@ window#waybar {
}
#idle_inhibitor {
padding: 0px 15px;
font-size: 12px;
padding: 0px 15px 0px 13px;
}
#idle_inhibitor:hover {
color: @selected_text;
......@@ -122,7 +123,7 @@ window#waybar {
}
#submap {
padding: 0px 15px;
padding: 0px 10px;
}
#submap:hover {
color: @selected_text;
......@@ -130,14 +131,12 @@ window#waybar {
}
#pulseaudio.volume{
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
padding: 0px 7px 0px 10px;
}
#pulseaudio.microphone{
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
padding: 0px 10px 0px 7px;
}
#pulseaudio:hover {
color: @selected_text;
......@@ -151,7 +150,7 @@ window#waybar {
}
#network {
padding: 0px 15px;
padding: 0px 10px;
}
#network:hover {
color: @selected_text;
......@@ -184,9 +183,8 @@ window#waybar {
#clock {
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
padding: 0px 7px 0px 10px;
}
#clock:hover {
color: @selected_text;
......@@ -194,9 +192,8 @@ window#waybar {
}
#custom-notification {
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
padding: 0px 10px 0px 7px;
}
#custom-notification:hover {
color: @selected_text;
......@@ -218,7 +215,6 @@ tooltip label {
#window {
padding: 0px 10px;
background-color: @bg;
border: none;
}
#window:hover {
color: @selected_text;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment