nixos-configs/config/wofi/style.css

92 lines
1.7 KiB
CSS

/* https://github.com/dracula/wofi/blob/master/style.css */
* {
font-size: 16px;
}
window,
undershoot {
all: unset;
}
#input {
all: unset;
border-radius: 9px;
color: #f8f8f2;
background-color: rgba(#44475a, 0.6);
border: 1px solid #44475a;
padding: 8px;
margin: 16.2px;
margin-bottom: 0;
}
#outer-box {
all: unset;
box-shadow: 0 0 4.5px 0 rgba(0, 0, 0, 0.6);
border: 2px solid rgba(189, 147, 249, 0.8);
border-radius: 25px;
background-color: rgba(40, 42, 54, 0.8);
color: #f8f8f2;
padding: 16.2px;
}
#inner-box {
padding: 16.2px;
min-width: 500px;
min-height: 450px;
}
#scroll scrollbar, #scroll scrollbar * {
all: unset;
}
#scroll scrollbar {
transition: 200ms;
background-color: rgba(23, 23, 23, 0.3);
&:hover {
background-color: rgba(23, 23, 23, 0.7);
}
}
#scroll scrollbar.vertical:hover slider {
background-color: rgba(238, 238, 238, 0.7);
min-width: .6em;
}
#scroll scrollbar.horizontal:hover slider {
background-color: rgba(238, 238, 238, 0.7);
min-height: .6em;
}
#scroll .vertical slider {
background-color: rgba(238, 238, 238, 0.5);
border-radius: 9px;
min-width: .4em;
min-height: 2em;
transition: 200ms;
}
#scroll .horizontal slider {
background-color: rgba(238, 238, 238, 0.5);
border-radius: 9px;
min-height: .4em;
min-width: 2em;
transition: 200ms;
}
#entry {
all: unset;
padding: 9px;
}
#entry image, #entry label {
all: unset;
}
#entry image {
margin-right: 9px;
}
#entry:selected {
background-color: rgba(189, 147, 249, 0.5);
border-radius: 9px;
box-shadow: inset 0 0 0 3px rgba(238, 238, 238, 0.03);
}
#entry:selected image {
-gtk-icon-shadow: 3px 3px rgba(0, 0, 0, 0.8);
}