84 lines
1.9 KiB
Text
84 lines
1.9 KiB
Text
@import "./colors.css";
|
|
|
|
* {
|
|
font-family: FontAwesome, Overpass;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
:root {
|
|
/* --color5: #ff0000;*/
|
|
--window-border-color: rgba(var(--color5),1);
|
|
}
|
|
|
|
/*@define-color window-border-color rgba(from var(--color5),1);
|
|
@define-color window-border-color rgba(var(--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;*/
|
|
border: 2px solid rgba(from var(--color5) r g b / 255);
|
|
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;
|
|
}
|