70 current 2024-03-01 01:54:07 24.05.20240228.9099616 6.6.18 *

modules/rice/waybar/style.nix

@@ -0,0 +1,129 @@
+''
+  * {
+    /* `otf-font-awesome` is required to be installed for icons */
+    font-family: Material Design Icons, Iosevka Nerd Font;
+  }
+
+  window#waybar {
+    background-color: rgba(48, 52, 70, 0.88);
+    border-radius: 0px;
+    color: #c6d0f5;
+    font-size: 20px;
+    /* transition-property: background-color; */
+    transition-duration: 0.5s;
+  }
+
+  window#waybar.hidden {
+    opacity: 0.2;
+  }
+
+  #workspaces {
+    font-size: 15px;
+    background-color: #414559;
+  }
+
+  #pulseaudio {
+    color: #a6d189;
+  }
+  #network {
+    color: #8caaee;
+  }
+
+  #custom-search,
+  #clock {
+    background-color: #414559;
+  }
+
+  #workspaces button {
+    background-color: transparent;
+    color: #8caaee;
+    /* Use box-shadow instead of border so the text isn't offset */
+    box-shadow: inset 0 -3px transparent;
+  }
+
+  /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
+  #workspaces button:hover {
+    color: #85c1dc;
+  }
+
+  #custom-power {
+      color: #e78284;
+  }
+
+  #custom-lock {
+      color: #8caaee;
+  }
+
+  #workspaces button.active {
+    color: #e5c890;
+  }
+
+  #workspaces button.urgent {
+    background-color: #e78284;
+  }
+
+  #clock,
+  #network,
+  #cpu,
+  #battery,
+  #backlight,
+  #memory,
+  #workspaces,
+  #custom-search,
+  #custom-power,
+  #custom-todo,
+  #custom-lock,
+  #custom-weather,
+  #custom-btc,
+  #custom-eth,
+  #volume,
+  #pulseaudio {
+    border-radius: 15px;
+    margin: 0px 7px 0px 7px;
+    background-color: rgba(65, 69, 89, 0.9);
+    padding: 10px 0px 10px 0px;
+  }
+
+  #custom-power {
+    margin-bottom: 7px;
+    padding-right: 6px;
+  }
+  #custom-search {
+    background-image: url("${./sakura.png}");
+    background-size: 60%;
+    background-position: center;
+    background-repeat: no-repeat;
+    margin-top: 7px;
+  }
+  #clock {
+    font-weight: 700;
+    font-size: 20px;
+    padding: 5px 0px 5px 0px;
+    font-family: "Iosevka Term";
+  }
+  #backlight {
+    padding-right: 2px;
+    color: #e5c890;
+  }
+  #battery {
+    color: #a6d189;
+  }
+
+  #battery.warning {
+    color: #ef9f76;
+  }
+
+  #battery.critical:not(.charging) {
+    color: #e78284;
+  }
+  tooltip {
+    font-family: 'Lato', sans-serif;
+    border-radius: 15px;
+    padding: 20px;
+    margin: 30px;
+  }
+  tooltip label {
+    font-family: 'Lato', sans-serif;
+    padding: 20px;
+  }
+''