waybar configs

2026-05-01 14:59:59 +03:00
parent fc9362f926
commit 23287871f8
4 changed files with 359 additions and 0 deletions
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -0,0 +1,130 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+window#waybar {
+  color: #c0caf5;
+  background: alpha(#24283b, .85);
+  border-radius: 24px;
+  font-family: "JetBrainsMono Nerd Font";
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.modules-left { margin-left: 4px; }
+.modules-right { margin-right: 4px; }
+
+#workspaces,
+#player,
+#clock,
+#tray,
+#language,
+#cpu,
+#memory,
+#system-indicators {
+  background-color: #414868;
+  border-radius: 16px;
+  padding: 0 12px;
+  margin: 3px 0;
+}
+
+#workspaces button {
+  all: unset;
+  min-width: 12px;
+  margin: 10px 6px;
+  border-radius: 999px;
+  background-color: #c0caf5;
+  transition: all .2s ease;
+}
+
+#workspaces button label { font-size: 0; }
+
+#workspaces button.active {
+  min-width: 36px;
+  background-color: #7C86FF;
+}
+
+#workspaces button.empty {
+  color: #565f89;
+  background-color: #565f89;
+}
+
+tooltip {
+  font-size: 16px;
+  background-color: #414868;
+  color: @text;
+  border: 3px solid #565f89;
+  outline: none;
+  box-shadow: none;
+}
+
+tooltip * {
+  outline: none;
+  box-shadow: none;
+  border: none;
+}
+
+tooltip label { margin: 12px; }
+
+#custom-player-icon {
+  color: #7C86FF;
+  margin-right: 6px;
+}
+
+#mpris { margin-right: 16px; }
+
+#custom-player-play-pause {
+  margin: 2px 8px;
+  padding: 0 9px;
+  color: #24283b;
+  background-color: #7C86FF;
+  border-radius: 999px;
+  transition: all .1s ease;
+}
+
+#custom-player-play-pause:hover { background-color: #c0caf5; }
+#custom-player-prev:hover { color: #7aa2f7; }
+#custom-player-next:hover { color: #7aa2f7; }
+
+#clock { padding: 5px 12px; }
+
+#network {
+  margin: 3px 3px 3px 0;
+  min-width: 16px;
+  border-radius: 16px;
+  padding-left: 4px;
+  padding-right: 6px;
+}
+
+#network.disabled { color: #565f89; }
+#network.disconnected { color: #f7768e; }
+#network.linked { color: #c0caf5; }
+#network.wifi,
+#network.ethernet { color: #7C86FF; }
+
+#wireplumber {
+  min-width: 16px;
+  margin: 3px 0;
+  border-radius: 16px;
+  padding: 0 6px 0 3px;
+}
+
+#custom-power-menu {
+  min-width: 32px;
+  margin: 3px 0;
+  padding-left: 7px;
+  border-radius: 16px;
+  background-color: #414868;
+  color: #7C86FF;
+}
+
+#network:hover,
+#wireplumber:hover,
+#language:hover,
+#cpu:hover,
+#memory:hover,
+#clock:hover,
+#custom-power-menu:hover{
+  background-color: #565f89;
+}