From 577f998d72c3f166ae9f51330eff38dfae3c6a0e Mon Sep 17 00:00:00 2001 From: Maximilian Friedersdorff Date: Thu, 24 Apr 2025 12:35:48 +0100 Subject: [PATCH] Apply solarized to wofi --- home/dot_config/wofi/style.css | 77 ++++++++++++++++++---------------- 1 file changed, 40 insertions(+), 37 deletions(-) diff --git a/home/dot_config/wofi/style.css b/home/dot_config/wofi/style.css index 5a53c2a..229bbfa 100644 --- a/home/dot_config/wofi/style.css +++ b/home/dot_config/wofi/style.css @@ -1,29 +1,25 @@ -@define-color base10 #2E3440; -@define-color base00 #3B4252; -@define-color base02 #434C5E; -@define-color base03 #4C566A; -@define-color base04 #D8DEE9; -@define-color base05 #E5E9F0; -@define-color base06 #ECEFF4; -@define-color base07 #8FBCBB; -@define-color base08 #88C0D0; -@define-color base09 #81A1C1; -@define-color base0A #5E81AC; -@define-color base0B #BF616A; -@define-color base0C #D08770; -@define-color base0D #EBCB8B; -@define-color base0E #A3BE8C; -@define-color base0F #B48EAD; -@define-color base0G #2D353B; -@define-color base0H #1E2327; -@define-color base0I #8B8576; - -@define-color bg-light #334044; +@define-color base03 #002b36; +@define-color base02 #073642; +@define-color base01 #586e75; +@define-color base00 #657b83; +@define-color base0 #839496; +@define-color base1 #93a1a1; +@define-color base2 #eee8d5; +@define-color base3 #fdf6e3; +@define-color yellow #b58900; +@define-color orange #cb4b16; +@define-color red #dc322f; +@define-color magenta #d33682; +@define-color violet #6c71c4; +@define-color blue #268bd2; +@define-color cyan #2aa198; +@define-color green #859900; #entry { border-radius: 5px; padding: 5px; margin: 0px 4px 0px 4px; + color: @base01; } @keyframes fadeIn { @@ -32,21 +28,29 @@ } #entry:selected { - background-color: alpha(@base0H, 0.6); + background-color: @base3; padding: 5px; - color: @base0H; + color: @base1; } -#text:selected { - color: white; +#entry:focus { + border: 1px solid @orange; } +#text { + color: @base01; +} +#text:selected { + color: @base1; +} + + #window { animation-name: fadeIn; animation-duration: 0.2s; font-family: JetBrainsMono; font-size: 14px; - background-color: alpha(@base0H, 0.2); + background-color: @base2; } #input { @@ -54,7 +58,16 @@ border-radius: 10px; margin: 5px 5px 5px 5px; padding: 8px; - background-color: alpha(@base0H, 0.6); + background-color: @base3; + color: @base01; +} + +#input:focus *{ + border: none; +} + +#input:focus { + border: 1px solid @orange; } #inner-box { @@ -67,13 +80,3 @@ border-radius: 10px; padding: 5px; } - -#scroll { -} - -#text { - color: @base04; -} - -#img { -}