75 lines
1.7 KiB
CSS
75 lines
1.7 KiB
CSS
* {
|
|
font-family: FontAwesome, Overpass;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
@define-color window-border-color rgba(--wofi-rgb-color5,1);
|
|
@define-color foreground-color rgba(--wofi-rgb-color13,0.5);
|
|
@define-color foreground-shadow-color rgba(--wofi-rgb-color0,1);
|
|
@define-color active-foreground-color rgba(--wofi-rgb-color13,1);
|
|
@define-color window-background-color rgba(--wofi-rgb-color0,0.6);
|
|
@define-color button-background-color rgba(--wofi-rgb-color5,0.15);
|
|
@define-color button-background-active-color rgba(--wofi-rgb-color5,0.5);
|
|
@define-color transparent-color rgba(--wofi-rgb-color0,0);
|
|
|
|
window {
|
|
border: 2px solid @window-border-color;
|
|
background-color: @transparent-color;
|
|
border-radius:10px;
|
|
/* opacity:0.25;*/
|
|
}
|
|
|
|
#input {
|
|
margin: 15px 15px 0px 15px;
|
|
border: 0px solid @transparent-color;
|
|
background-color: @transparent-color;
|
|
color: @active-foreground-color;
|
|
border-radius:10px;
|
|
outline: none;
|
|
}
|
|
|
|
#inner-box {
|
|
margin: 5px;
|
|
border: 0px solid rgba(--wofi-rgb-color0,0);
|
|
background-color: transparent;
|
|
border-radius:10px;
|
|
}
|
|
|
|
#outer-box {
|
|
margin: 2px;
|
|
border: 0px solid @transparent-color;
|
|
background-color: @window-background-color;
|
|
border-radius:6px;
|
|
}
|
|
|
|
#scroll {
|
|
background-color: @transparent-color;
|
|
}
|
|
|
|
#text {
|
|
margin: 5px;
|
|
color: @foreground-color;
|
|
text-shadow: 0px 0px 2px @foreground-shadow-color,0px 0px 6px @foreground-shadow-color;
|
|
}
|
|
#text:selected {
|
|
color: @active-foreground-color;
|
|
}
|
|
|
|
#entry{
|
|
border: 0px solid @transparent-color;
|
|
border-radius: 10px;
|
|
background-color: @button-background-color;
|
|
margin:10px 10px;
|
|
min-height: 40px;
|
|
}
|
|
#entry:selected {
|
|
background-color: @button-background-active-color;
|
|
outline: none;
|
|
}
|
|
|
|
#img {
|
|
opacity: 0.5;
|
|
}
|
|
#img:selected {
|
|
opacity: 1;
|
|
}
|