hyprland-dotfiles/config/rofi/themes/style-3-FullScreen-v1.rasi

256 lines
7.3 KiB
Plaintext
Raw Normal View History

2025-02-20 21:05:02 +00:00
/* Style 3 - Full screen v1 */
/* ---- Configuration ---- */
configuration {
modi: "drun,run,filebrowser";
show-icons: true;
display-drun: "  apps";
display-run: "  term";
display-filebrowser: "  files";
display-window: "  window";
drun-display-format: "{name}";
window-format: "{w} · {c} · {t}";
dpi: 1;
hover-select: true;
me-select-entry: "MouseSecondary";
me-accept-entry: "MousePrimary";
}
/* ---- Load wallust colors ---- */
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
/* ---- Global Properties ---- */
* {
background-alt: @selected-active-background; // Buttons background
selected: @selected-urgent-background; // Button selected
active: @selected-normal-background; // Window activated
urgent: @selected; // When hovering the activated window (maybe more?)
text-selected: @background;
text-color: @foreground;
border-color: @selected;
}
/*****-- Elements Font Size -----*****/
element-text {
font: "JetBrainsMono Nerd Font SemiBold 12";
}
/* ---- Global Properties ---- */
* {
main-bg: @background;
main-fg: @foreground;
main-br: @color12;
main-ex: @color11;
select-bg: @foreground;
select-fg: @background;
separatorcolor: transparent;
border-color: transparent;
}
/* ---- Window ---- */
window {
// Default
enabled: true;
fullscreen: true;
transparency: "real";
cursor: "default";
spacing: 0px;
border: 3px 0px 3px 0px;
border-radius: 30px;
location: center;
anchor: center;
// Style Values
background-color: @background;
}
/* ----- Main Box ----- */
mainbox {
padding: 12px;
enabled: true;
orientation: vertical;
children: [ "inputbar", "listbox" ];
background-color: transparent;
}
/* ---- Inputbar ---- */
inputbar {
enabled: true;
padding: 10px 10px 50px 10px;
margin: 10px;
background-color: transparent;
border-radius: 20px;
orientation: horizontal;
children: ["entry", "dummy", "mode-switcher" ];
background-image: url("~/.config/rofi/.current_wallpaper", width);
}
/* ---- Entry input ---- */
entry {
enabled: true;
expand: false;
width: 20%;
padding: 10px;
border-radius: 12px;
background-color: @selected;
text-color: @text-selected;
cursor: text;
placeholder: " 🖥️ Search ";
placeholder-color: inherit;
}
/* ---- Listbox ---- */
listbox {
spacing: 10px;
padding: 10px;
background-color: transparent;
orientation: vertical;
children: [ "message", "listview" ];
}
/* ---- Listview ---- */
listview {
enabled: true;
columns: 5;
lines: 5;
cycle: true;
dynamic: true;
scrollbar: true;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: true;
spacing: 10px;
background-color: transparent;
margin: 10px;
// Adapt rofi theme
border: 0px;
}
/* ---- Dummy ---- */
dummy {
expand: true;
background-color: transparent;
}
/* ---- Mode Switcher ---- */
mode-switcher{
enabled: true;
spacing: 10px;
background-color: transparent;
}
button {
width: 5%;
padding: 12px;
border-radius: 12px;
background-color: @text-selected;
text-color: @text-color;
cursor: pointer;
}
button selected {
background-color: @selected;
text-color: @text-selected;
}
/* ---- Scrollbar ---- */
scrollbar {
border: 0px;
handle-color: @background-alt;
handle-width: 2px ;
padding: 0px;
}
/* ---- Elements ---- */
element {
enabled: true;
orientation: vertical;
padding: 10px;
spacing: 10px;
border-radius: 12px;
background-color: transparent;
cursor: pointer;
}
element normal.normal {
background-color: inherit;
text-color: inherit;
}
element normal.urgent {
background-color: @urgent;
text-color: @foreground;
}
element normal.active {
background-color: @active;
text-color: @foreground;
}
element selected.normal {
border: 0px 3px 0px 3px;
border-radius: 16px;
border-color: @selected;
background-color: transparent;
text-color: @background-alt;
}
element selected.urgent {
background-color: @urgent;
text-color: @text-selected;
}
element selected.active {
background-color: @urgent;
text-color: @text-selected;
}
// Adapt rofi theme
element alternate.normal {
background-color: transparent;
text-color: inherit;
}
element alternate.urgent {
background-color: transparent;
text-color: inherit;
}
element alternate.active {
background-color: transparent;
text-color: inherit;
}
element-icon {
size: 5%;
background-color: transparent;
text-color: inherit;
cursor: inherit;
}
element-text {
background-color: transparent;
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0.5;
}
/* ---- Message ---- */
message {
background-color: transparent;
border: 0px;
}
textbox {
margin: 10px;
padding: 12px;
border-radius: 10px;
background-color: @selected;
text-color: @background;
vertical-align: 0.5;
horizontal-align: 0.5;
}
error-message {
padding: 12px;
border-radius: 20px;
background-color: @background-alt;
text-color: @background;
}