Skip to content

B
branding-etersoft-ximper
Verified Commit 8654a0c6 authored by Kirill Unitsaev's avatar Kirill Unitsaev
Browse files
Options

configs/hyprland: update waybar

parent 431c800e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 201 additions and 344 deletions
configs/hyprland/waybar/config
View file @ 8654a0c6
{
"layer": "top",
"position": "top",
"margin-left": 12,
"margin-left": 8,
"margin-top": 5,
"margin-right": 12,
"margin-right": 8,
"height": 36,
"spacing": 4,
"exclusive": true,
"gtk-layer-shell": true,
"passthrough": false,
"fixed-center": true,
"reload_style_on_change": true,
"include": [
"/etc/ximperdistro/hyprland/waybar/modules.json"
],
"modules-left": [
"image#menu",
"hyprland/workspaces",
"tray",
"hyprland/window",
"tray"
],
"modules-center": [
"custom/media",
"clock"
],
"modules-right": [
"idle_inhibitor",
"custom/clipboard",
"custom/media#mini",
"hyprland/language",
"hyprland/submap",
"group/volume",
"battery",
"network",
"bluetooth",
"battery",
"backlight",
"group/notification",
"custom/notification",
]
}
configs/hyprland/waybar/style-dark.css
View file @ 8654a0c6
* {
min-height: 0;
font-size: 12px;
font-family: FiraCode Nerd Font;
font-weight: 500;
font-size: 14px;
font-family: Evolventa-Regular, FiraCode Nerd Font;
font-weight: 700;
}
window#waybar {
......@@ -10,231 +10,104 @@ window#waybar {
}
#image,
#workspaces,
#tray,
#window,
#custom-media,
#idle_inhibitor,
#custom-clipboard,
#language,
#submap,
#volume,
#notification,
#network,
#bluetooth,
#battery,
#backlight {
background-color: @bg;
.module {
background-color: @selected_bg;
min-height: 0;
border-radius: 15px;
margin: 2px 5px 0px 0px;
color: @text;
border-radius: 20px;
margin: 3px 0;
padding: 0px 10px;
color: @text;
border: none;
}
#image{
border-radius: 15px;
padding: 0px 10px;
}
#image:hover {
.module:hover {
background-color: @selected_bg;
}
#custom-clipboard {
padding: 0px 15px;
font-size: 12px;
}
#custom-clipboard:hover {
color: @selected_text;
background-color: @selected_bg;
.horizontal > widget > box.horizontal > widget > .module {
margin: 3px 0;
}
#workspaces {
padding: 0px 6px;
background-color: @bg;
border: none;
.horizontal > widget > box.horizontal > widget:first-child > .module {
border-radius: 20px 0 0 20px;
margin: 3px 0;
padding: 0 5px 0 10px;
}
#workspaces:hover {
background-color: @selected_bg;
.horizontal > widget > box.horizontal > widget:not(:first-child):not(:last-child) > .module {
border-radius: 0;
margin: 3px 0;
padding: 0 5px;
}
#workspaces button {
padding: 0px;
margin: 5px 0px;
color: @selected_text;
.horizontal > widget > box.horizontal > widget:last-child > .module {
border-radius: 0 20px 20px 0;
margin: 3px 0;
padding: 0 10px 0 5px;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @selected_text;
#workspaces {
padding: 0;
}
#workspaces button.special.active {
color: @border;
border: 2px solid @border;
#workspaces button {
color: @text;
margin: 3px;
padding: 0 2px;
border-radius: 20px;
transition: padding,background 200ms ease-in-out 100ms;
}
#workspaces button:hover {
color: @text;
background-color: @bg;
padding: 0 10px;
}
#workspaces button.active {
color: @border;
background: alpha(@accent, .7);
padding: 0 10px;
}
#workspaces button.urgent {
color: @success;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @success;
background: alpha(@urgent, .7);
padding: 0 10px;
}
#tray {
padding: 0px 10px;
#workspaces button.special {
padding: 0px 5px;
}
#tray:hover {
color: @selected_text;
background-color: @selected_bg;
#workspaces button.special.active {
background: alpha(@accent, .7);
padding: 0px 5px;
}
#tray menu {
background-color: @bg;
#workspaces button.special.urgent {
background: alpha(@urgent, .7);
padding: 0px 5px;
}
#window {
padding: 0px 10px;
#tray menu {
background-color: @bg;
border: none;
}
#window:hover {
color: @selected_text;
background-color: @selected_bg;
}
window#waybar.empty #window {
background-color: transparent;
}
#custom-media {
padding: 0px 15px;
}
#custom-media:hover {
color: @selected_text;
background-color: @selected_bg;
}
#idle_inhibitor {
padding: 0px 15px;
font-size: 12px;
}
#idle_inhibitor:hover {
color: @selected_text;
background-color: @selected_bg;
}
#language {
padding: 0px 15px;
}
#language:hover {
color: @selected_text;
background-color: @selected_bg;
}
#submap {
padding: 0px 15px;
}
#submap:hover {
color: @selected_text;
background-color: @selected_bg;
}
#pulseaudio.volume{
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
}
#pulseaudio.microphone{
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
}
#pulseaudio:hover {
color: @selected_text;
background-color: @selected_bg;
padding: 0px 10px 0px 7px;
}
#pulseaudio.volume.muted {
color: @unfocused;
}
#pulseaudio.microphone.source-muted {
color: @unfocused;
}
#network {
padding: 0px 15px;
}
#network:hover {
color: @selected_text;
background-color: @selected_bg;
}
#bluetooth {
padding: 0px 15px;
}
#bluetooth:hover {
color: @selected_text;
background-color: @selected_bg;
}
#battery {
padding: 0px 15px;
}
#battery:hover {
color: @selected_text;
background-color: @selected_bg;
}
#backlight {
padding: 0px 15px;
}
#backlight:hover {
color: @selected_text;
background-color: @selected_bg;
}
#clock {
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
}
#clock:hover {
color: @selected_text;
background-color: @selected_bg;
}
#custom-notification {
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
}
#custom-notification:hover {
color: @selected_text;
background-color: @selected_bg;
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
border-radius: 12px;
background: alpha(@bg, 0.80);
border-radius: 20px;
background: @bg;
color: @text
}
tooltip label {
color: @text
}
configs/hyprland/waybar/style.css
View file @ 8654a0c6
* {
min-height: 0;
font-size: 12px;
font-family: FiraCode Nerd Font;
font-weight: 500;
font-size: 14px;
font-family: Evolventa-Regular, FiraCode Nerd Font;
font-weight: 700;
}
window#waybar {
......@@ -10,231 +10,217 @@ window#waybar {
}
#image,
#workspaces,
#tray,
#window,
#custom-media,
#idle_inhibitor,
#custom-clipboard,
#language,
#submap,
#volume,
#notification,
#network,
#bluetooth,
#battery,
#backlight {
background-color: @bg;
.module {
background-color: @selected_bg;
min-height: 0;
border-radius: 15px;
margin: 2px 5px 0px 0px;
color: @text;
border-radius: 20px;
margin: 3px 0;
padding: 0px 10px;
color: @text;
border: none;
}
#image{
border-radius: 15px;
padding: 0px 10px;
}
#image:hover {
.module:hover {
background-color: @selected_bg;
}
#custom-clipboard {
padding: 0px 15px;
font-size: 12px;
}
#custom-clipboard:hover {
color: @selected_text;
background-color: @selected_bg;
.horizontal > widget > box.horizontal > widget > .module {
margin: 3px 0;
}
#workspaces {
padding: 0px 6px;
background-color: @bg;
border: none;
.horizontal > widget > box.horizontal > widget:first-child > .module {
border-radius: 20px 0 0 20px;
margin: 3px 0;
padding: 0 5px 0 10px;
}
#workspaces:hover {
background-color: @selected_bg;
.horizontal > widget > box.horizontal > widget:not(:first-child):not(:last-child) > .module {
border-radius: 0;
margin: 3px 0;
padding: 0 5px;
}
#workspaces button {
padding: 0px;
margin: 5px 0px;
color: @selected_text;
.horizontal > widget > box.horizontal > widget:last-child > .module {
border-radius: 0 20px 20px 0;
margin: 3px 0;
padding: 0 10px 0 5px;
}
#workspaces button.special {
margin: 5px 5px;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @selected_text;
#workspaces {
padding: 0;
}
#workspaces button.special.active {
color: @border;
border: 2px solid @border;
#workspaces button {
color: @text;
margin: 3px;
padding: 0 2px;
border-radius: 20px;
transition: padding,background 200ms ease-in-out 100ms;
}
#workspaces button:hover {
color: @text;
background-color: @bg;
padding: 0 10px;
}
#workspaces button.active {
color: @border;
background: alpha(@accent, .7);
padding: 0 10px;
}
#workspaces button.urgent {
color: @success;
padding: 0px 10px 0px 8px;
border-radius: 15px;
border: 2px solid @success;
background: alpha(@urgent, .7);
padding: 0 10px;
}
#tray {
padding: 0px 10px;
#workspaces button.special {
padding: 0px 5px;
}
#tray:hover {
color: @selected_text;
background-color: @selected_bg;
#workspaces button.special.active {
background: alpha(@accent, .7);
padding: 0px 5px;
}
#workspaces button.special.urgent {
background: alpha(@urgent, .7);
padding: 0px 5px;
}
#tray menu {
background-color: @bg;
}
#window {
padding: 0px 10px;
background-color: @bg;
border: none;
#idle_inhibitor {
padding: 0px 10px 0px 7px;
}
#window:hover {
color: @selected_text;
background-color: @selected_bg;
#pulseaudio.volume.muted {
color: @unfocused;
}
#pulseaudio.microphone.source-muted {
color: @unfocused;
}
window#waybar.empty #window {
background-color: transparent;
}
#custom-media {
padding: 0px 15px;
tooltip {
border-radius: 20px;
background: @bg;
color: @text
}
#custom-media:hover {
color: @selected_text;
background-color: @selected_bg;
tooltip label {
color: @text
}
* {
min-height: 0;
font-size: 14px;
font-family: Evolventa-Regular, FiraCode Nerd Font;
font-weight: 700;
}
window#waybar {
background: none;
}
#idle_inhibitor {
padding: 0px 15px;
font-size: 12px;
}
#idle_inhibitor:hover {
color: @selected_text;
.module {
background-color: @selected_bg;
min-height: 0;
border-radius: 20px;
margin: 3px 0;
padding: 0px 10px;
color: @text;
border: none;
}
#language {
padding: 0px 15px;
}
#language:hover {
color: @selected_text;
.module:hover {
background-color: @selected_bg;
}
#submap {
padding: 0px 15px;
}
#submap:hover {
color: @selected_text;
background-color: @selected_bg;
.horizontal > widget > box.horizontal > widget > .module {
margin: 3px 0;
}
#pulseaudio.volume{
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
}
#pulseaudio.microphone{
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
.horizontal > widget > box.horizontal > widget:first-child > .module {
border-radius: 20px 0 0 20px;
margin: 3px 0;
padding: 0 5px 0 10px;
}
#pulseaudio:hover {
color: @selected_text;
background-color: @selected_bg;
.horizontal > widget > box.horizontal > widget:not(:first-child):not(:last-child) > .module {
border-radius: 0;
margin: 3px 0;
padding: 0 5px;
}
#pulseaudio.volume.muted {
color: @unfocused;
.horizontal > widget > box.horizontal > widget:last-child > .module {
border-radius: 0 20px 20px 0;
margin: 3px 0;
padding: 0 10px 0 5px;
}
#pulseaudio.microphone.source-muted {
color: @unfocused;
#workspaces {
padding: 0;
}
#network {
padding: 0px 15px;
}
#network:hover {
color: @selected_text;
background-color: @selected_bg;
#workspaces button {
color: @text;
margin: 3px;
padding: 0 2px;
border-radius: 20px;
transition: padding,background 200ms ease-in-out 100ms;
}
#bluetooth {
padding: 0px 15px;
}
#bluetooth:hover {
color: @selected_text;
background-color: @selected_bg;
#workspaces button:hover {
padding: 0 10px;
}
#battery {
padding: 0px 15px;
#workspaces button.active {
background: alpha(@accent, .7);
padding: 0 10px;
}
#battery:hover {
color: @selected_text;
background-color: @selected_bg;
#workspaces button.urgent {
background: alpha(@urgent, .7);
padding: 0 10px;
}
#backlight {
padding: 0px 15px;
#workspaces button.special {
padding: 0px 5px;
}
#backlight:hover {
color: @selected_text;
background-color: @selected_bg;
#workspaces button.special.active {
background: alpha(@accent, .7);
padding: 0px 5px;
}
#workspaces button.special.urgent {
background: alpha(@urgent, .7);
padding: 0px 5px;
}
#clock {
margin: 2px 0px 2px 0px;
border-radius: 12px 0px 0px 12px;
padding: 0px 7px 0px 14px;
#tray menu {
background-color: @bg;
}
#clock:hover {
color: @selected_text;
background-color: @selected_bg;
#idle_inhibitor {
padding: 0px 10px 0px 7px;
}
#custom-notification {
margin: 2px 0px 2px 0px;
border-radius: 0px 12px 12px 0px;
padding: 0px 14px 0px 7px;
#pulseaudio.volume.muted {
color: @unfocused;
}
#custom-notification:hover {
color: @selected_text;
background-color: @selected_bg;
#pulseaudio.microphone.source-muted {
color: @unfocused;
}
window#waybar.empty #window {
background-color: transparent;
}
tooltip {
border-radius: 12px;
background: alpha(@bg, 0.80);
border-radius: 20px;
background: @bg;
color: @text
}
tooltip label {
color: @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