133 lines
2.5 KiB
CSS
133 lines
2.5 KiB
CSS
/* MACHHIATO */
|
|
@define-color rosewater #f4dbd6;
|
|
@define-color flamingo #f0c6c6;
|
|
@define-color pink #f5bde6;
|
|
@define-color mauve #c6a0f6;
|
|
@define-color red #ed8796;
|
|
@define-color maroon #ee99a0;
|
|
@define-color peach #f5a97f;
|
|
@define-color yellow #eed49f;
|
|
@define-color green #a6da95;
|
|
@define-color teal #8bd5ca;
|
|
@define-color sky #91d7e3;
|
|
@define-color sapphire #7dc4e4;
|
|
@define-color blue #8aadf4;
|
|
@define-color lavender #b7bdf8;
|
|
@define-color text #cad3f5;
|
|
@define-color subtext1 #b8c0e0;
|
|
@define-color subtext0 #a5adcb;
|
|
@define-color overlay2 #939ab7;
|
|
@define-color overlay1 #8087a2;
|
|
@define-color overlay0 #6e738d;
|
|
@define-color surface2 #5b6078;
|
|
@define-color surface1 #494d64;
|
|
@define-color surface0 #363a4f;
|
|
@define-color base #24273a;
|
|
@define-color mantle #1e2030;
|
|
@define-color crust #181926;
|
|
|
|
|
|
* {
|
|
font-family: 'Noto Sans Nerd Font', 'FiraMono Nerd Font', 'FiraCode Nerd Font Mono', 'RobotoMono Nerd Font Propo', monospace;
|
|
font-size: 14px;
|
|
outline: none;
|
|
}
|
|
|
|
window {
|
|
margin: 0px;
|
|
padding: 7px;
|
|
border: 2px solid @yellow;
|
|
border-radius: 0px;
|
|
background-color: @crust;
|
|
}
|
|
|
|
#outer-box {
|
|
margin : 17px;
|
|
}
|
|
|
|
#input {
|
|
background-color : @surface0;
|
|
color : @text;
|
|
border-radius : 0;
|
|
padding: 2px 0px;
|
|
margin-bottom : 17px;
|
|
}
|
|
|
|
#input:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
#input image {
|
|
color: @yellow;
|
|
padding: 0 7px;
|
|
}
|
|
|
|
#scroll {
|
|
border: none;
|
|
}
|
|
|
|
/* First Level Entries */
|
|
#inner-box > #entry {
|
|
border-radius : 0;
|
|
border: 1px solid @mantle;
|
|
background-color : @mantle;
|
|
color: @text;
|
|
padding : 7px;
|
|
padding-left : 22px;
|
|
}
|
|
|
|
#inner-box > #entry:nth-child(odd) {
|
|
background-color : @base;
|
|
}
|
|
|
|
#inner-box > #entry:selected {
|
|
background-color: @surface1;
|
|
color: @blue;
|
|
border: 1px solid @yellow;
|
|
}
|
|
|
|
#inner-box > #entry:selected #text {
|
|
color: @blue;
|
|
}
|
|
|
|
#inner-box > #entry expander #entry {
|
|
border-radius : 0;
|
|
border: none;
|
|
color: @text;
|
|
padding : 2px;
|
|
background-color : @mantle;
|
|
padding-left: 17px;
|
|
}
|
|
|
|
#inner-box > #entry:nth-child(odd) expander #entry {
|
|
background-color : @base;
|
|
}
|
|
|
|
#inner-box > #entry:selected expander #entry {
|
|
background-color : @surface1;
|
|
}
|
|
|
|
#inner-box > #entry:selected expander #entry #text {
|
|
color: @text;
|
|
}
|
|
|
|
#inner-box > #entry:selected expander #entry:selected {
|
|
background-color: @surface2;
|
|
}
|
|
|
|
#inner-box > #entry:selected expander #entry:selected #text {
|
|
color: @yellow;
|
|
}
|
|
|
|
#text {
|
|
border: none;
|
|
color: @text;
|
|
margin-left : 12px;
|
|
}
|
|
|
|
#entry arrow {
|
|
margin-left : -17px;
|
|
color: @text;
|
|
margin-right : 2px;
|
|
}
|