From 79eecc1e222b92b7ef05cdc769156e8ff7ed7705 Mon Sep 17 00:00:00 2001 From: Bruno Carlin Date: Tue, 11 Feb 2025 15:23:05 +0100 Subject: [PATCH] feat(wofi): add support for dark mode --- darkman/.local/share/dark-mode.d/wofi.sh | 6 +++ darkman/.local/share/light-mode.d/wofi.sh | 6 +++ wofi/.config/wofi/base.css | 42 ++++++++++++++++++++ wofi/.config/wofi/colors-dark.css | 6 +++ wofi/.config/wofi/colors-light.css | 5 +++ wofi/.config/wofi/style.css | 48 +++++++++++++++++++++++ 6 files changed, 113 insertions(+) create mode 100755 darkman/.local/share/dark-mode.d/wofi.sh create mode 100755 darkman/.local/share/light-mode.d/wofi.sh create mode 100644 wofi/.config/wofi/base.css create mode 100644 wofi/.config/wofi/colors-dark.css create mode 100644 wofi/.config/wofi/colors-light.css create mode 100644 wofi/.config/wofi/style.css diff --git a/darkman/.local/share/dark-mode.d/wofi.sh b/darkman/.local/share/dark-mode.d/wofi.sh new file mode 100755 index 0000000..6b6ecac --- /dev/null +++ b/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" diff --git a/darkman/.local/share/light-mode.d/wofi.sh b/darkman/.local/share/light-mode.d/wofi.sh new file mode 100755 index 0000000..5b76dae --- /dev/null +++ b/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" diff --git a/wofi/.config/wofi/base.css b/wofi/.config/wofi/base.css new file mode 100644 index 0000000..2d0242b --- /dev/null +++ b/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; +} diff --git a/wofi/.config/wofi/colors-dark.css b/wofi/.config/wofi/colors-dark.css new file mode 100644 index 0000000..1e1fdc3 --- /dev/null +++ b/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; + + diff --git a/wofi/.config/wofi/colors-light.css b/wofi/.config/wofi/colors-light.css new file mode 100644 index 0000000..6e0caf1 --- /dev/null +++ b/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; + diff --git a/wofi/.config/wofi/style.css b/wofi/.config/wofi/style.css new file mode 100644 index 0000000..a837c15 --- /dev/null +++ b/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; +}