76 lines
1.6 KiB
CSS
76 lines
1.6 KiB
CSS
/* --- Wofi Neutral Mono (Transparent) --- */
|
|
@define-color bg rgba(18,18,18,0.4);
|
|
@define-color fg #e6e6e6;
|
|
@define-color muted #b5b5b5;
|
|
@define-color border rgba(42,42,42,0.45);
|
|
@define-color inputbg rgba(22,22,22,0.5);
|
|
@define-color selbg rgba(255,255,255,0.14);
|
|
@define-color selfg #ffffff;
|
|
|
|
window {
|
|
margin: 8px;
|
|
border: 1px solid @border;
|
|
background-color: @bg; /* translucent */
|
|
border-radius: 8px;
|
|
}
|
|
|
|
#outer-box {
|
|
margin: 10px;
|
|
border: none;
|
|
border-radius: 10px;
|
|
background-color: transparent; /* keep layers see-through */
|
|
}
|
|
|
|
#input {
|
|
margin: 10px 10px 6px;
|
|
padding: 10px 10px;
|
|
border: 1px solid @border;
|
|
border-radius: 10px;
|
|
background-color: @inputbg; /* slightly more opaque for legibility */
|
|
color: @fg;
|
|
outline: none;
|
|
}
|
|
#input:focus { border: 1px solid rgba(90,90,90,0.6); }
|
|
|
|
#inner-box {
|
|
margin: 6px 10px 10px;
|
|
border: 1px solid @border;
|
|
border-radius: 10px;
|
|
background-color: transparent;
|
|
color: @fg;
|
|
}
|
|
|
|
#scroll {
|
|
margin: 6px 0;
|
|
border: none;
|
|
border-radius: 8px;
|
|
background: transparent;
|
|
}
|
|
|
|
#entry {
|
|
margin: 0;
|
|
padding: 8px 10px;
|
|
border: none;
|
|
border-radius: 8px;
|
|
background-color: transparent;
|
|
color: @fg;
|
|
}
|
|
#entry:hover { background-color: rgba(255,255,255,0.08); }
|
|
#entry:selected{
|
|
background-color: @selbg; /* translucent selection */
|
|
color: @selfg;
|
|
}
|
|
|
|
#text { color: @fg; }
|
|
#text:selected {
|
|
color: @selfg;
|
|
background-color: @selbg;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
#img { border-radius: 6px; }
|
|
#img:selected {
|
|
background-color: @selbg;
|
|
border-radius: 6px;
|
|
}
|