wofi: polish style with better spacing, focus ring, and font
This commit is contained in:
+30
-12
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user