feat(wofi-style): add wofi application menu styling with catppuccin mocha theme
Add a new CSS stylesheet for wofi (application launcher menu triggered with Super+R) that implements the Catppuccin Mocha blue color scheme. The stylesheet includes styling for the window, input field, menu entries, and selection states with rounded corners and appropriate contrast ratios.
This commit is contained in:
@@ -0,0 +1,42 @@
|
|||||||
|
/* FWS — style wofi (menu d'applications Super+R). Catppuccin Mocha, bleu. */
|
||||||
|
|
||||||
|
window {
|
||||||
|
background-color: rgba(30, 30, 46, 0.96); /* base #1e1e2e */
|
||||||
|
border: 2px solid #89b4fa;
|
||||||
|
border-radius: 14px;
|
||||||
|
font-family: "Noto Sans", sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#input {
|
||||||
|
background-color: #313244; /* surface0 */
|
||||||
|
color: #cdd6f4;
|
||||||
|
border: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 12px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#input image { color: #89b4fa; }
|
||||||
|
|
||||||
|
#inner-box {
|
||||||
|
margin: 0 8px 8px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#entry {
|
||||||
|
padding: 8px 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #cdd6f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#entry:selected {
|
||||||
|
background-color: #89b4fa;
|
||||||
|
color: #1e1e2e;
|
||||||
|
}
|
||||||
|
|
||||||
|
#entry:selected #text { color: #1e1e2e; }
|
||||||
|
|
||||||
|
#text {
|
||||||
|
margin-left: 8px;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user