feat(wofi): add support for dark mode

darkman/.local/share/dark-mode.d/wofi.sh

@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+
+cat \
+  "$HOME/.config/wofi/colors-dark.css" \
+  "$HOME/.config/wofi/base.css" \
+  > "$HOME/.config/wofi/style.css"

darkman/.local/share/light-mode.d/wofi.sh

@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+
+cat \
+  "$HOME/.config/wofi/colors-light.css" \
+  "$HOME/.config/wofi/base.css" \
+  > "$HOME/.config/wofi/style.css"

wofi/.config/wofi/base.css

@@ -0,0 +1,42 @@
+#window {
+  background-color: @window-background;
+}
+
+#outer-box {
+  margin: 10px;
+  background-color: @background;
+}
+
+#entry{
+  background-color: @background;
+}
+
+#entry:selected {
+  background-color: @background-selected;
+}
+
+#expander-box {
+  margin-left: 4em;
+}
+
+expander {
+  color: @foreground;
+}
+
+:not(expander) > * > .entry {
+  margin-left: 1.1em;
+}
+
+image {
+  margin-right: 1em;
+}
+
+#text {
+  color: @foreground;
+}
+
+#input {
+  color: @foreground;
+  background-color: @background;
+  border: 0;
+}

wofi/.config/wofi/colors-dark.css

@@ -0,0 +1,6 @@
+@define-color window-background   rgba(255, 255, 255, 0.1);
+@define-color background          #002b36;
+@define-color background-selected #073642;
+@define-color foreground          #839496;
+
+

wofi/.config/wofi/colors-light.css

@@ -0,0 +1,5 @@
+@define-color window-background   rgba(255, 255, 255, 0.1);
+@define-color background          #fdf6e3;
+@define-color background-selected #eee8d5;
+@define-color foreground          #657b83;
+

wofi/.config/wofi/config

@@ -0,0 +1,3 @@
+allow_images=true
+allow_markup=true
+key_expand=Tab

wofi/.config/wofi/style.css

@@ -0,0 +1,48 @@
+@define-color window-background   rgba(255, 255, 255, 0.1);
+@define-color background          #002b36;
+@define-color background-selected #073642;
+@define-color foreground          #839496;
+
+
+#window {
+  background-color: @window-background;
+}
+
+#outer-box {
+  margin: 10px;
+  background-color: @background;
+}
+
+#entry{
+  background-color: @background;
+}
+
+#entry:selected {
+  background-color: @background-selected;
+}
+
+#expander-box {
+  margin-left: 4em;
+}
+
+expander {
+  color: @foreground;
+}
+
+:not(expander) > * > .entry {
+  margin-left: 1.1em;
+}
+
+image {
+  margin-right: 1em;
+}
+
+#text {
+  color: @foreground;
+}
+
+#input {
+  color: @foreground;
+  background-color: @background;
+  border: 0;
+}