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 @@ ...@@ -4,8 +4,8 @@
"margin-left": 8, "margin-left": 8,
"margin-top": 5, "margin-top": 5,
"margin-right": 8, "margin-right": 8,
"height": 30, "height": 28,
"spacing": 4, "spacing": 3,
"exclusive": true, "exclusive": true,
"gtk-layer-shell": true, "gtk-layer-shell": true,
"passthrough": false, "passthrough": false,
......
configs/hyprland/waybar/style-dark.css
View file @ 40b06b14
...@@ -29,7 +29,7 @@ window#waybar { ...@@ -29,7 +29,7 @@ window#waybar {
#custom-ddclight { #custom-ddclight {
background-color: @bg; background-color: @bg;
min-height: 0; min-height: 0;
border-radius: 15px; border-radius: 12px;
margin: 0px; margin: 0px;
color: @text; color: @text;
border: none; border: none;
...@@ -37,7 +37,6 @@ window#waybar { ...@@ -37,7 +37,6 @@ window#waybar {
#image{ #image{
border-radius: 15px;
padding: 0px 10px; padding: 0px 10px;
} }
#image:hover { #image:hover {
...@@ -45,30 +44,16 @@ window#waybar { ...@@ -45,30 +44,16 @@ window#waybar {
} }
#workspaces { #workspaces {
padding: 0px 6px; padding: 0px 5px;
background-color: @bg;
border: none;
} }
#workspaces:hover { #workspaces:hover {
background-color: @selected_bg; background-color: @selected_bg;
} }
#workspaces button { #workspaces button {
padding: 0px; padding: 0px;
margin: 5px 0px;
color: @selected_text; 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 { #workspaces button:hover {
color: @text; color: @text;
background-color: @bg; background-color: @bg;
...@@ -78,9 +63,26 @@ window#waybar { ...@@ -78,9 +63,26 @@ window#waybar {
} }
#workspaces button.urgent { #workspaces button.urgent {
color: @success; color: @success;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px; padding: 0px 10px 0px 8px;
border-radius: 15px; border-radius: 12px;
border: 2px solid @success; 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 { #tray {
...@@ -91,12 +93,12 @@ window#waybar { ...@@ -91,12 +93,12 @@ window#waybar {
background-color: @selected_bg; background-color: @selected_bg;
} }
#tray menu { #tray menu {
background-color: @bg; background-color: alpha(@bg, 0.80);
} }
#custom-media, #custom-media,
#custom-media-mini { /* extra */ #custom-media-mini { /* extra */
padding: 0px 15px; padding: 0px 10px;
} }
#custom-media:hover, #custom-media:hover,
#custom-media-mini:hover { /* extra */ #custom-media-mini:hover { /* extra */
...@@ -105,8 +107,7 @@ window#waybar { ...@@ -105,8 +107,7 @@ window#waybar {
} }
#idle_inhibitor { #idle_inhibitor {
padding: 0px 15px; padding: 0px 15px 0px 13px;
font-size: 12px;
} }
#idle_inhibitor:hover { #idle_inhibitor:hover {
color: @selected_text; color: @selected_text;
...@@ -122,7 +123,7 @@ window#waybar { ...@@ -122,7 +123,7 @@ window#waybar {
} }
#submap { #submap {
padding: 0px 15px; padding: 0px 10px;
} }
#submap:hover { #submap:hover {
color: @selected_text; color: @selected_text;
...@@ -130,14 +131,12 @@ window#waybar { ...@@ -130,14 +131,12 @@ window#waybar {
} }
#pulseaudio.volume{ #pulseaudio.volume{
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px; padding: 0px 7px 0px 10px;
} }
#pulseaudio.microphone{ #pulseaudio.microphone{
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px; border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px; padding: 0px 10px 0px 7px;
} }
#pulseaudio:hover { #pulseaudio:hover {
color: @selected_text; color: @selected_text;
...@@ -151,7 +150,7 @@ window#waybar { ...@@ -151,7 +150,7 @@ window#waybar {
} }
#network { #network {
padding: 0px 15px; padding: 0px 10px;
} }
#network:hover { #network:hover {
color: @selected_text; color: @selected_text;
...@@ -184,9 +183,8 @@ window#waybar { ...@@ -184,9 +183,8 @@ window#waybar {
#clock { #clock {
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px; padding: 0px 7px 0px 10px;
} }
#clock:hover { #clock:hover {
color: @selected_text; color: @selected_text;
...@@ -194,9 +192,8 @@ window#waybar { ...@@ -194,9 +192,8 @@ window#waybar {
} }
#custom-notification { #custom-notification {
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px; border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px; padding: 0px 10px 0px 7px;
} }
#custom-notification:hover { #custom-notification:hover {
color: @selected_text; color: @selected_text;
...@@ -218,7 +215,6 @@ tooltip label { ...@@ -218,7 +215,6 @@ tooltip label {
#window { #window {
padding: 0px 10px; padding: 0px 10px;
background-color: @bg; background-color: @bg;
border: none;
} }
#window:hover { #window:hover {
color: @selected_text; color: @selected_text;
......
configs/hyprland/waybar/style.css
View file @ 40b06b14
...@@ -29,7 +29,7 @@ window#waybar { ...@@ -29,7 +29,7 @@ window#waybar {
#custom-ddclight { #custom-ddclight {
background-color: @bg; background-color: @bg;
min-height: 0; min-height: 0;
border-radius: 15px; border-radius: 12px;
margin: 0px; margin: 0px;
color: @text; color: @text;
border: none; border: none;
...@@ -37,7 +37,6 @@ window#waybar { ...@@ -37,7 +37,6 @@ window#waybar {
#image{ #image{
border-radius: 15px;
padding: 0px 10px; padding: 0px 10px;
} }
#image:hover { #image:hover {
...@@ -45,30 +44,16 @@ window#waybar { ...@@ -45,30 +44,16 @@ window#waybar {
} }
#workspaces { #workspaces {
padding: 0px 6px; padding: 0px 5px;
background-color: @bg;
border: none;
} }
#workspaces:hover { #workspaces:hover {
background-color: @selected_bg; background-color: @selected_bg;
} }
#workspaces button { #workspaces button {
padding: 0px; padding: 0px;
margin: 5px 0px;
color: @selected_text; 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 { #workspaces button:hover {
color: @text; color: @text;
background-color: @bg; background-color: @bg;
...@@ -78,9 +63,26 @@ window#waybar { ...@@ -78,9 +63,26 @@ window#waybar {
} }
#workspaces button.urgent { #workspaces button.urgent {
color: @success; color: @success;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px; padding: 0px 10px 0px 8px;
border-radius: 15px; border-radius: 12px;
border: 2px solid @success; 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 { #tray {
...@@ -91,12 +93,12 @@ window#waybar { ...@@ -91,12 +93,12 @@ window#waybar {
background-color: @selected_bg; background-color: @selected_bg;
} }
#tray menu { #tray menu {
background-color: @bg; background-color: alpha(@bg, 0.80);
} }
#custom-media, #custom-media,
#custom-media-mini { /* extra */ #custom-media-mini { /* extra */
padding: 0px 15px; padding: 0px 10px;
} }
#custom-media:hover, #custom-media:hover,
#custom-media-mini:hover { /* extra */ #custom-media-mini:hover { /* extra */
...@@ -105,8 +107,7 @@ window#waybar { ...@@ -105,8 +107,7 @@ window#waybar {
} }
#idle_inhibitor { #idle_inhibitor {
padding: 0px 15px; padding: 0px 15px 0px 13px;
font-size: 12px;
} }
#idle_inhibitor:hover { #idle_inhibitor:hover {
color: @selected_text; color: @selected_text;
...@@ -122,7 +123,7 @@ window#waybar { ...@@ -122,7 +123,7 @@ window#waybar {
} }
#submap { #submap {
padding: 0px 15px; padding: 0px 10px;
} }
#submap:hover { #submap:hover {
color: @selected_text; color: @selected_text;
...@@ -130,14 +131,12 @@ window#waybar { ...@@ -130,14 +131,12 @@ window#waybar {
} }
#pulseaudio.volume{ #pulseaudio.volume{
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px; padding: 0px 7px 0px 10px;
} }
#pulseaudio.microphone{ #pulseaudio.microphone{
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px; border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px; padding: 0px 10px 0px 7px;
} }
#pulseaudio:hover { #pulseaudio:hover {
color: @selected_text; color: @selected_text;
...@@ -151,7 +150,7 @@ window#waybar { ...@@ -151,7 +150,7 @@ window#waybar {
} }
#network { #network {
padding: 0px 15px; padding: 0px 10px;
} }
#network:hover { #network:hover {
color: @selected_text; color: @selected_text;
...@@ -184,9 +183,8 @@ window#waybar { ...@@ -184,9 +183,8 @@ window#waybar {
#clock { #clock {
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px; border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px; padding: 0px 7px 0px 10px;
} }
#clock:hover { #clock:hover {
color: @selected_text; color: @selected_text;
...@@ -194,9 +192,8 @@ window#waybar { ...@@ -194,9 +192,8 @@ window#waybar {
} }
#custom-notification { #custom-notification {
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px; border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px; padding: 0px 10px 0px 7px;
} }
#custom-notification:hover { #custom-notification:hover {
color: @selected_text; color: @selected_text;
...@@ -218,7 +215,6 @@ tooltip label { ...@@ -218,7 +215,6 @@ tooltip label {
#window { #window {
padding: 0px 10px; padding: 0px 10px;
background-color: @bg; background-color: @bg;
border: none;
} }
#window:hover { #window:hover {
color: @selected_text; 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