74 lines
1.1 KiB
CSS
74 lines
1.1 KiB
CSS
* {
|
|
font-family: Agave Nerd Font Mono, Arial, sans-serif;
|
|
border-radius: 60px;
|
|
}
|
|
|
|
.app {
|
|
background-color: #1a1a1a;
|
|
border: 4px solid #E40046;
|
|
padding: 9px;
|
|
border-radius: 60px;
|
|
}
|
|
|
|
.input {
|
|
font-size: 170%;
|
|
padding: 10px 0 10px 7px;
|
|
color: #E40046;
|
|
}
|
|
|
|
/**
|
|
* Selected text in input
|
|
*/
|
|
.input *:selected,
|
|
.input *:focus,
|
|
*:selected:focus {
|
|
color: #E40046;
|
|
}
|
|
|
|
.item-text {
|
|
color: #d6abab;
|
|
}
|
|
.item-name {
|
|
font-size: 120%;
|
|
color: #5018dd;
|
|
}
|
|
.item-highlight {
|
|
color: #5018dd;
|
|
}
|
|
|
|
/* Small result item */
|
|
.small-result-item .item-name {
|
|
font-size: 100%;
|
|
}
|
|
.item-descr {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.selected.item-box {
|
|
background-color: alpha(#5018dd, 0.7);
|
|
border: 4px solid #E40046;
|
|
}
|
|
.selected.item-box .item-text {
|
|
color: #d6abab;
|
|
}
|
|
.selected.item-box .item-name {
|
|
color: #d6abab;
|
|
}
|
|
.selected.item-box .item-highlight {
|
|
color: #5018dd;
|
|
}
|
|
.item-shortcut {
|
|
color: #E40046;
|
|
}
|
|
.selected.item-box .item-shortcut {
|
|
color: #E40046;
|
|
}
|
|
|
|
.prefs-btn {
|
|
border-radius: 12px;
|
|
opacity: 0.8;
|
|
}
|
|
.prefs-btn:hover {
|
|
background-color: alpha(#5018dd, 0.7);
|
|
}
|