From e4fe39c7ea27f2014b833f2b05105b9da6af5df7 Mon Sep 17 00:00:00 2001 From: Benjamin Palko Date: Wed, 20 Mar 2024 18:16:19 -0500 Subject: [PATCH] make wofi less ugly --- wofi/style.css | 77 ++++++++++++++++++++++++++++---------------------- 1 file changed, 43 insertions(+), 34 deletions(-) diff --git a/wofi/style.css b/wofi/style.css index bbd4013..33751cd 100644 --- a/wofi/style.css +++ b/wofi/style.css @@ -1,56 +1,65 @@ -/* -* Docs: https://cloudninja.pw/docs/wofi.html -*/ - -window { - margin: 5px; - border: 1px solid #bd93f9; - background-color: #282a36; +/** ********** Fonts ********** **/ +* { + font-family: "JetBrains Mono", "Iosevka Nerd Font", archcraft, sans-serif; + font-size: 12px; } -#input { - margin: 5px; - border: none; - color: #f8f8f2; - background-color: #44475a; -} -#inner-box { - margin: 5px; - border: none; - background-color: #282a36; + +#window { + background-color: black; + color: --wofi-color2; + border: 1px solid #2255dd; + border-radius: 6px; + opacity: 0.8; } #outer-box { - padding: 5px; - margin: 5px; - border: none; - background-color: #282a36; + padding: 20px; +} + +#input { + background-color: --wofi-color1; + border: 0px solid --wofi-color3; + padding: 8px 12px; + opacity: 0.8; } #scroll { - margin: 0px; - border: none; + margin-top: 20px; +} + +#inner-box { + opacity: 0.8; +} + +#img { + padding-right: 8px; } #text { - margin: 5px; - border: none; - color: #f8f8f2; + color: --wofi-color2; } -#entry.activatable #text { - color: #282a36; +#text:selected { + color: --wofi-color0; } -#entry > * { - color: #f8f8f2; +#entry { + padding: 6px; } #entry:selected { - background-color: #44475a; + background-color: --wofi-color3; + color: --wofi-color0; } -#entry:selected #text { - font-weight: bold; +#unselected { +} + +#selected { +} + +#input, #entry:selected { + border-radius: 4px; }