tons of theme tweaks, +gruvbox

modules/desktop/themes/config/rofi.rasi

@@ -0,0 +1,90 @@
+* {
+  width: 450px;
+}
+
+element-text, element-icon , mode-switcher {
+  background-color: inherit;
+  text-color: inherit;
+}
+
+window {
+  height: 500px;
+  border: 1px;
+  border-radius: @roundingpx;
+  border-color: @accent;
+  background-color: @base00;
+}
+
+mainbox {
+  background-color: @base00;
+}
+
+inputbar {
+  margin: 10px 5px 5px 5px;
+  children: [prompt, entry];
+  background-color: @base00;
+  padding: 1px;
+}
+
+prompt {
+  background-color: transparent;
+  padding: 1px;
+  text-color: @base05;
+  border-radius: @roundingpx;
+}
+
+textbox-prompt-colon {
+  expand: true;
+  str: ":";
+}
+
+entry {
+  padding: 1px;
+  margin: 0px;
+  text-color: @base05;
+  background-color: @base00;
+}
+
+listview {
+  border: 0px 0px 0px;
+  margin: 5px 0px 0px 10px;
+  columns: 1;
+  lines: 10;
+  background-color: @base00;
+}
+
+element {
+  padding: 1px;
+  background-color: @base00;
+  text-color: @base05;
+}
+
+element-icon {size: 12px;}
+
+element.selected {
+  background-color: @base03;
+  text-color: @accent;
+}
+
+scrollbar {
+  width:        4px ;
+  border:       0;
+  handle-color: @base05;
+  handle-width: 8px ;
+  padding:      0;
+}
+
+mode-switcher {spacing: 0;}
+
+button {
+  spacing: 0;
+  background-color: @base02;
+  text-color: @base04;
+  vertical-align: 0.5;
+  horizontal-align: 0.5;
+}
+
+button.selected {
+  background-color: @base00;
+  text-color: @accent;
+}

modules/desktop/themes/config/waybar.css

@@ -0,0 +1,235 @@
+* {
+  border: none;
+  border-radius: 0px;
+  min-height: 0;
+}
+
+button, button:hover {
+  box-shadow: none; /* undo default styles */
+}
+
+window#waybar {
+  color: @base05;
+  background: alpha(@base00, 0.9999999);
+  border-radius: @roundingpx;
+  font-family: "CozetteVector", monospace, "FontAwesome 6 Free", "Noto Sans CJK";
+  font-size: 13px; /* TODO: make this use proper font size */
+  font-style: normal;
+
+  border: 1px solid @base02;
+}
+
+#workspaces, .modules-right box {
+  background-color: @base02;
+  margin: 0 0.25em;
+  padding: 0.15em 0.25em;
+  border-radius: @roundingpx;
+}
+.modules-right label.module {
+  margin: 0 0.5em;
+}
+
+.modules-right box {
+  padding: 0.15em 0.4em;
+}
+.modules-left, .modules-right {
+  margin: 0.4em 0.5em;
+}
+
+#workspaces {
+  background-color: @base02;
+  padding: 0;
+}
+
+#workspaces button {
+  background-color: transparent;
+  color: @base05;
+  padding: 0 0.4em;
+  transition: none;
+}
+
+#workspaces button:nth-child(1) {
+  border-top-left-radius: @roundingpx;
+  border-bottom-left-radius: @roundingpx;
+}
+#workspaces button:nth-last-child(1) {
+  border-top-right-radius: @roundingpx;
+  border-bottom-right-radius: @roundingpx;
+}
+
+#workspaces button.empty {
+  color: @base04;
+}
+
+#workspaces button.visible {
+  background: @base03;
+}
+
+#workspaces button.focused {
+  box-shadow: none;
+}
+
+#workspaces button.active {
+  background: @accent;
+  color: @base02;
+}
+#workspaces button:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: @base05;
+  box-shadow: none;
+}
+#workspaces button.active:hover {
+  background: @accent;
+  color: @base02;
+}
+#workspaces button.urgent {
+  background: @base08;
+  color: @base02;
+}
+
+#window {
+  background: transparent;
+}
+
+#clock {
+  color: @base07;
+}
+
+#power-profiles-daemon {
+  color: @base0C;
+}
+
+#cpu, #network {
+  color: @base16;
+}
+#network.disabled, #network.disconnected {
+  color: @base04;
+}
+
+@keyframes blink {
+  to {
+    color: @base05;
+  }
+}
+
+#memory {
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  color: @base07;
+}
+#memory.warning {
+  color: @base09;
+  animation-name: blink;
+  animation-duration: 3s;
+}
+#memory.critical {
+  color: @base12;
+  animation-name: blink;
+  animation-duration: 2s;
+}
+
+#battery {
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  color: @base0B;
+}
+/* this here is ditto */
+#battery.charging {
+  color: @base0B;
+}
+#battery.warning.discharging {
+  color: @base09;
+  animation-name: blink;
+  animation-duration: 3s;
+}
+#battery.critical.discharging {
+  color: @base12;
+  animation-name: blink;
+  animation-duration: 2s;
+}
+
+#backlight, #custom-weather {
+  color: @base0A;
+}
+
+#pulseaudio {
+  color: @base17;
+}
+#pulseaudio.muted {
+  color: @base04;
+}
+
+#custom-power {
+  color: @base08;
+}
+
+#custom-wallpaper, #custom-rgb {
+  color: @base04;
+}
+
+#privacy {
+  margin: 0 0.25em;
+  padding: 0;
+}
+#privacy-item {
+  padding: 0 1px;
+  color: @base05;
+}
+
+box#playback {
+  background-color: transparent;
+  margin: 0 0;
+  padding: 0 0;
+}
+
+#mpris {
+  background-color: @base02;
+  margin: 0 0.25em;
+  padding: 0.15em 0.5em;
+  border-radius: @roundingpx;
+}
+#mpris.playing {
+  color: @accent;
+  background: @base02;
+}
+#mpris.paused, #mpris.stopped {
+  color: @base04;
+}
+
+window decoration {
+  box-shadow: none;
+}
+
+tooltip, window.popup menu {
+  background: @base00;
+  border: 1px solid @base04;
+  font-size: 12px;
+  color: @base05;
+}
+tooltip *, window.popup {
+  font-family: CozetteVector, monospace;
+}
+tooltip * {
+  padding: 0px;
+  margin: 0px;
+  color: @base05;
+}
+
+window.popup separator {
+  background-color: @base02;
+}
+
+window.popup menuitem:disabled {
+  color: @base04;
+}
+
+window.popup menuitem:hover {
+  background-color: @accent;
+  color: @base02;
+}
+
+window.popup menuitem:hover > box {
+  background-color: transparent;
+}