wofi: polish style with better spacing, focus ring, and font

This commit is contained in:
funman300
2026-04-23 10:30:21 -07:00
parent c32d9cdd1a
commit b4fbb8963a
+30 -12
View File
@@ -1,7 +1,12 @@
* {
font-family: JetBrainsMono Nerd Font;
font-size: 14px;
}
window { window {
background-color: #1d1f21; background-color: rgba(29, 31, 33, 0.96);
border: 2px solid #373b41; border: 1px solid #373b41;
border-radius: 8px; border-radius: 12px;
color: #c5c8c6; color: #c5c8c6;
} }
@@ -9,32 +14,40 @@ window {
background-color: #282a2e; background-color: #282a2e;
color: #c5c8c6; color: #c5c8c6;
border: 1px solid #373b41; border: 1px solid #373b41;
border-radius: 4px; border-radius: 8px;
padding: 6px 10px; padding: 10px 14px;
margin: 8px; margin: 12px 12px 6px 12px;
outline: none; outline: none;
font-size: 15px;
caret-color: #81a2be;
}
#input:focus {
border-color: #81a2be;
} }
#inner-box { #inner-box {
background-color: #1d1f21; background-color: transparent;
} }
#outer-box { #outer-box {
padding: 4px; padding: 6px;
} }
#scroll { #scroll {
margin: 0 4px 4px 4px; margin: 4px 6px 8px 6px;
} }
#entry { #entry {
padding: 6px 10px; padding: 8px 14px;
border-radius: 4px; border-radius: 8px;
margin: 2px 0;
transition: all 150ms ease;
} }
#entry:selected { #entry:selected {
background-color: #282a2e; background-color: #282a2e;
color: #81a2be; border: 1px solid #81a2be;
outline: none; outline: none;
} }
@@ -44,4 +57,9 @@ window {
#text:selected { #text:selected {
color: #81a2be; color: #81a2be;
font-weight: bold;
}
#img {
margin-right: 8px;
} }