88 lines
2.3 KiB
CSS
88 lines
2.3 KiB
CSS
window {
|
|
font-family: "CaskaydiaCove NFM", monospace;
|
|
font-size: 16px;
|
|
color: #CCCAC2;
|
|
|
|
background-color: rgba(31, 36, 48, 0.8);
|
|
|
|
border: 2px solid #FFAD66;
|
|
border-radius: 10px;
|
|
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#input {
|
|
background-color: #1C212B; /* $ayu_panel_bg */
|
|
color: #CCCAC2; /* $ayu_fg */
|
|
padding: 10px 15px; /* Generous padding */
|
|
margin: 10px; /* Margin around the input */
|
|
border: 1px solid #101521; /* $ayu_gutter_normal - Subtle border */
|
|
border-radius: 6px;
|
|
outline: none; /* Remove default focus outline */
|
|
|
|
/* Optional: Add a subtle shadow */
|
|
/* box-shadow: 0 2px 5px rgba(22, 25, 34, 0.3); /* $ayu_panel_shadow with alpha */
|
|
}
|
|
|
|
/* Highlight input box when focused */
|
|
#input:focus {
|
|
border-color: #FFCC66; /* $ayu_accent */
|
|
/* Optional: Add a glow effect */
|
|
/* box-shadow: 0 0 0 2px rgba(255, 204, 102, 0.5); /* $ayu_accent with alpha */
|
|
}
|
|
|
|
/* Container for the results list */
|
|
#inner-box {
|
|
margin: 0 10px 10px 10px; /* Match input horizontal margin, add bottom margin */
|
|
padding: 0;
|
|
background-color: transparent; /* Let window background show through */
|
|
}
|
|
|
|
/* The scrollable area itself */
|
|
#scroll {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
scrolledwindow undershoot,
|
|
scrolledwindow overshoot,
|
|
scrolledwindow junction,
|
|
scrolledwindow scrollbar {
|
|
background: transparent;
|
|
border: none;
|
|
opacity: 0;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
/* Individual result entries */
|
|
#entry {
|
|
color: #CCCAC2; /* $ayu_fg */
|
|
background-color: transparent; /* Fully transparent */
|
|
padding: 8px 15px; /* Consistent padding with input */
|
|
margin: 0; /* No extra margin between entries */
|
|
border: none; /* No border on individual entries */
|
|
border-radius: 4px; /* Match input rounding */
|
|
outline: none;
|
|
}
|
|
|
|
/* Style the selected entry */
|
|
#entry:selected {
|
|
color: #FFCC66; /* $ayu_accent - Accent color for selected text */
|
|
border-radius: 4px; /* Ensure radius is maintained */
|
|
}
|
|
|
|
/* Ensure text color changes correctly on selection */
|
|
#text:selected {
|
|
color: #FFCC66; /* $ayu_accent */
|
|
background-color: transparent; /* Keep background transparent */
|
|
}
|
|
|
|
/* Hide the image element if it were to appear */
|
|
#img {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 0; /* Force image width to 0 */
|
|
}
|