diff --git a/wofi/config b/wofi/config new file mode 100644 index 0000000..e055eb5 --- /dev/null +++ b/wofi/config @@ -0,0 +1,7 @@ +mode=drun +width=40% +height=30% + +prompt=Search... +insensitive=true +show_actions=false diff --git a/wofi/style.css b/wofi/style.css new file mode 100644 index 0000000..99c637a --- /dev/null +++ b/wofi/style.css @@ -0,0 +1,88 @@ +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 */ +}