Browse Source

New Rofi Themes

pull/232/head
JaKooLit 2 years ago
parent
commit
3785d1063e
  1. 37
      config/rofi/config-compact.rasi
  2. 26
      config/rofi/config-long.rasi
  3. 7
      config/rofi/config-rofi-Beats.rasi
  4. 17
      config/rofi/config-search.rasi
  5. 18
      config/rofi/config-wallpaper.rasi
  6. 2
      config/rofi/config-waybar-layout.rasi
  7. 12
      config/rofi/config-waybar-style.rasi
  8. 49
      config/rofi/config-zsh-theme.rasi
  9. 327
      config/rofi/config.rasi
  10. 359
      config/rofi/resolution/1080p/config.rasi
  11. 327
      config/rofi/resolution/1440p/config.rasi

37
config/rofi/config-compact.rasi

@ -14,37 +14,15 @@ window {
border-radius: 15px;
}
/* ---- Mainbox ---- */
mainbox {
orientation: horizontal;
children: [ "imagebox"];
}
/* ---- Imagebox ---- */
imagebox {
orientation: vertical;
children:
[ "inputbar",
"listbox"];
}
/* ---- Listbox ---- */
listbox {
border-radius: 10px;
}
/* ---- Inputbar ---- */
inputbar {
padding: 14px;
border-radius: 10px;
}
textbox-prompt-colon {
str: " ";
[ "entry", "listview"];
}
entry {
placeholder: "View / Edit Hyprland Configs";
placeholder: " View / Edit Hyprland Configs";
}
/* ---- Listview ---- */
@ -52,7 +30,7 @@ listview {
columns: 1;
lines: 10;
spacing: 4px;
scrollbar: true;
scrollbar: false;
border-radius: 10px;
}
@ -60,12 +38,3 @@ listview {
element {
border-radius: 10px;
}
/*****----- Message -----*****/
message {
border-radius: 10px;
}
textbox {
padding: 15px;
}

26
config/rofi/config-long.rasi

@ -13,33 +13,15 @@ window {
width: 700px;
}
/* ---- Mainbox ---- */
mainbox {
children: [ "imagebox"];
}
/* ---- Imagebox ---- */
imagebox {
orientation: vertical;
children:
[ "inputbar",
"listbox"];
}
/* ---- Inputbar ---- */
inputbar {
children:
[ "textbox-prompt-colon",
"entry"];
}
textbox-prompt-colon {
str: "🔎 ";
["entry"];
}
entry {
placeholder: "Search";
background-color: transparent;
placeholder: "🔎 Search";
width: 22%;
}
/* ---- Listview ---- */
@ -47,9 +29,9 @@ listview {
columns: 1;
lines: 9;
spacing: 4px;
scrollbar: true;
fixed-columns: true;
border-radius: 10px;
scrollbar: false;
}
/*****----- Message -----*****/

7
config/rofi/config-rofi-Beats.rasi

@ -5,12 +5,7 @@
/* ---- Entry ---- */
entry {
placeholder: "Choose Online Music Station";
}
/* ---- Inputbar ---- */
textbox-prompt-colon {
str: "📻";
placeholder: "📻 Choose Online Music Station";
}
/* ---- Listview ---- */

17
config/rofi/config-search.rasi

@ -9,18 +9,21 @@ window {
location: north;
}
/* ---- Inputbar ---- */
inputbar {
enabled: true;
padding: 2px;
margin: 2px;
}
/* ---- Mainbox ---- */
mainbox {
padding: 2px;
children: [ "inputbar" ];
padding: 2px;
children: [ "entry"];
}
/* ---- Entry ---- */
entry {
placeholder: "Google Search";
placeholder: "🔎 Google Search";
}
/* ---- Inputbar ---- */
textbox-prompt-colon {
str: "🔎";
}

18
config/rofi/config-wallpaper.rasi

@ -8,33 +8,23 @@ configuration {
modi: "drun";
}
/* ---- Mainbox ---- */
mainbox {
orientation: horizontal;
children: [ "imagebox"];
}
/* ---- Imagebox ---- */
imagebox {
orientation: vertical;
children:
[ "inputbar",
"listbox"];
[ "entry", "listbox"];
}
textbox-prompt-colon {
str: "󰸉 ";
}
entry {
placeholder: "Choose Wallpaper";
expand: true;
placeholder: "󰸉 Choose Wallpaper";
}
/* ---- Listview ---- */
listview {
columns: 4;
lines: 3;
scrollbar: true;
}
/* ---- Element ---- */
@ -43,7 +33,7 @@ element {
}
element-icon {
size: 130px;
size: 150px;
}
element-text {

2
config/rofi/config-waybar-layout.rasi

@ -5,6 +5,6 @@
/* ---- Entry ---- */
entry {
placeholder: "Choose Waybar Layout";
placeholder: "󰮫 Choose Waybar Layout";
}

12
config/rofi/config-waybar-style.rasi

@ -11,21 +11,17 @@ configuration {
/* ---- Mainbox ---- */
mainbox {
children:
[ "inputbar",
"listbox"];
}
textbox-prompt-colon {
str: "󰮫 ";
[ "inputbar", "listview"];
}
entry {
placeholder: "Choose Waybar Style";
expand: true;
placeholder: "󰮫 Choose Waybar Style";
}
/* ---- Listview ---- */
listview {
columns: 2;
lines: 8;
scrollbar: true;
scrollbar: false;
}

49
config/rofi/config-zsh-theme.rasi

@ -1,6 +1,5 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Main Config (zsh) */
/* -- submitted by https://github.com/hyprhex -- */
/* Main Config (compact) */
@import "~/.config/rofi/config.rasi"
@ -11,43 +10,51 @@ configuration {
/* ---- Window ---- */
window {
width: 800px;
}
/* ---- Mainbox ---- */
mainbox {
orientation: horizontal;
children: [ "imagebox"];
width: 900px;
border-radius: 15px;
}
/* ---- Imagebox ---- */
imagebox {
orientation: vertical;
children:
[ "inputbar",
"listbox"];
[ "inputbar", "listbox"];
}
/* ---- Listbox ---- */
listbox {
border-radius: 12px;
}
/* ---- Inputbar ---- */
inputbar {
padding: 8px;
padding: 14px;
border-radius: 10px;
children:
[ "textbox-prompt-colon",
"entry"];
}
textbox-prompt-colon {
str: "󰸉 ";
}
entry {
placeholder: "Choose ZSH theme";
placeholder: "󰸉 Choose ZSH theme";
}
/* ---- Listview ---- */
listview {
columns: 3;
lines: 4;
spacing: 4px;
scrollbar: true;
scrollbar: false;
border-radius: 10px;
}
/* ---- Element ---- */
element {
border-radius: 10px;
}
/*****----- Message -----*****/
message {
border-radius: 10px;
}
textbox {
padding: 15px;
}

327
config/rofi/config.rasi

@ -1,247 +1,228 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Main Config (main) */
/* Main Config 1440p */
/* ---- Configuration ---- */
configuration {
modi: "drun,run,filebrowser";
font: "Fira Code SemiBold 14";
modi: "drun,run,filebrowser";
font: "Fira Code SemiBold 10";
show-icons: true;
display-drun: "";
display-run: "";
display-filebrowser: "";
display-window: "󱂬";
display-drun: "Apps";
display-run: "Run";
display-filebrowser: "Files";
display-window: "Windows";
drun-display-format: "{name}";
hover-select: true;
me-select-entry: "MouseSecondary";
hover-select: true;
me-select-entry: "MouseSecondary";
me-accept-entry: "MousePrimary";
window-format: "{w} · {c} · {t}";
window-format: "{w} · {c} · {t}";
dpi: 1;
}
/* ---- Load pywal colors (custom wal template) ---- */
@import "~/.config/rofi/pywal-color/pywal-theme.rasi"
/* ---- Load pywal colors ---- */
@theme "~/.cache/wal/colors-rofi-dark.rasi"
/* ---- Global Properties ---- */
* {
background-alt: @selected-active-background; // Buttons backgroundr
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;
}
/* ---- Window ---- */
window {
width: 650px;
/*height: 450px;*/
x-offset: 0px;
y-offset: 0px;
// Default
enabled: true;
fullscreen: false;
transparency: "real";
cursor: "default";
spacing: 0px;
padding: 1px;
margin: 0px;
border: 2px;
border-color: @active-background;
cursor: "default";
border-radius: 30px;
location: center;
anchor: center;
fullscreen: false;
enabled: true;
border-radius: 12px;
background-image: url("~/.config/rofi/.current_wallpaper", width);
// Style Values
width: 900px;
background-color: #00000099;
}
/* ---- Mainbox ---- */
/* ----- Main Box ----- */
mainbox {
enabled: true;
orientation: vertical;
padding: 8px;
background-color: transparent;
children: [ "inputbar", "imagebox" ];
border-radius: 12px;
enabled: true;
orientation: vertical;
children: [ "inputbar", "listbox" ];
background-color: transparent;
}
/* ---- Imagebox ---- */
imagebox {
background-color: transparent;
orientation: horizontal;
children: [ "mode-switcher", "listbox"];
}
/* ---- Listbox ---- */
listbox {
spacing: 4px;
orientation: vertical;
children: ["listview" ];
padding: 6px;
border-radius: 12px;
border: 1px;
border-color: @active-background;
background-color: @background;
/* ---- Inputbar ---- */
inputbar {
enabled: true;
padding: 10px 10px 200px 10px;
margin: 10px;
background-color: transparent;
border-radius: 25px;
orientation: horizontal;
children: ["entry", "dummy", "mode-switcher" ];
background-image: url("~/.config/rofi/.current_wallpaper", width);
}
/* ---- Dummy ---- */
dummy {
background-color: transparent;
/* ---- Entry input ---- */
entry {
enabled: true;
expand: false;
width: 300px;
padding: 10px;
border-radius: 12px;
background-color: @background-alt;
text-color: inherit;
cursor: text;
placeholder: " Search "; // << Search symbol
placeholder-color: inherit;
}
/* ---- Inputbar ---- */
inputbar {
enabled: true;
text-color: @foreground;
spacing: 10px;
border-radius: 12px;
border-color: @foreground;
background-color: @background;
children: [ "textbox-prompt-colon","entry" ];
border: 1px;
border-color: @active-background;
/* ---- Listbox ---- */
listbox {
spacing: 10px;
padding: 10px;
background-color: transparent;
orientation: vertical;
children: [ "message", "listview" ];
}
textbox-prompt-colon {
enabled: true;
padding: 6px 0px 6px 10px;
expand: false;
str: "🐧";
text-color: inherit;
background-color: transparent;
/* ---- Listview ---- */
listview {
enabled: true;
columns: 2;
lines: 8;
cycle: true;
dynamic: true;
scrollbar: false;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: true;
spacing: 10px;
background-color: transparent;
// Adapt rofi theme
border: 0px;
}
entry {
enabled: true;
padding: 6px 0px 0px 0px;
text-color: inherit;
cursor: text;
placeholder: "Search (ctrl tab to choose mode)";
placeholder-color: inherit;
background-color: transparent;
/* ---- Dummy ---- */
dummy {
expand: true;
background-color: transparent;
}
/* ---- Mode Switcher ---- */
mode-switcher{
orientation: vertical;
enabled: true;
spacing: 12px;
background-color: transparent;
text-color: @foreground;
enabled: true;
spacing: 10px;
background-color: transparent;
}
button {
padding: 0px 12px 0px 8px;
border-radius: 12px;
background-color: @background;
text-color: inherit;
cursor: pointer;
border: 1px;
border-color: @active-background;
width: 80px;
padding: 12px;
border-radius: 12px;
background-color: @background-alt;
text-color: inherit;
cursor: pointer;
}
button selected {
background-color: @selected-normal-background;
text-color: @foreground;
border: 1px;
border-color: @background;
background-color: @selected;
text-color: @text-selected;
}
/* ---- Listview ---- */
listview {
enabled: true;
columns: 2;
lines: 5;
spacing: 5px;
padding: 6px;
dynamic: true;
cycle: true;
scrollbar: false;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: false;
background-color: transparent;
border-radius: 12px;
border: 0px;
}
/* ---- Element ---- */
/* ---- Elements ---- */
element {
enabled: true;
padding: 5px;
margin: 2px;
cursor: pointer;
background-color: transparent;
border-radius: 12px;
border: 0px;
enabled: true;
spacing: 10px;
padding: 4px;
border-radius: 10px;
background-color: transparent;
cursor: pointer;
}
element normal.normal {
background-color: inherit;
text-color: @foreground;
background-color: inherit;
text-color: inherit;
}
element normal.urgent {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @foreground;
}
element normal.active {
background-color: inherit;
text-color: @foreground;
background-color: @active;
text-color: @foreground;
}
element selected.normal {
background-color: @selected-normal-background;
text-color: @foreground;
background-color: @selected;
text-color: @text-selected;
}
element selected.urgent {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @text-selected;
}
element selected.active {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @text-selected;
}
// Adapt rofi theme
element alternate.normal {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element alternate.urgent {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element alternate.active {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element-icon {
background-color: transparent;
text-color: inherit;
size: 32px;
cursor: inherit;
background-color: transparent;
text-color: inherit;
size: 36px;
cursor: inherit;
}
element-text {
background-color: transparent;
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0;
background-color: transparent;
font: "Fira Code SemiBold 14";
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0.0;
}
/*****----- Message -----*****/
/* ---- Message ---- */
message {
background-color: @background;
margin: 20px 0px 0px 0px;
border-radius: 12px;
background-color: transparent;
border: 0px;
}
textbox {
padding: 10px;
background-color: @background;
text-color: @foreground;
padding: 12px;
border-radius: 10px;
background-color: @background-alt;
text-color: @foreground;
vertical-align: 0.5;
horizontal-align: 0.0;
}
error-message {
padding: 15px;
border-radius: 12px;
background-color: @background;
text-color: @foreground;
padding: 12px;
border-radius: 20px;
background-color: @background-alt;
text-color: @foreground;
}

359
config/rofi/resolution/1080p/config.rasi

@ -1,249 +1,228 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Main Config (main) 1080p*/
/* Main Config 1440p */
/* ---- Configuration ---- */
configuration {
modi: "drun,run,filebrowser";
font: "Fira Code SemiBold 12";
show-icons: true;
display-drun: "";
display-run: "";
display-filebrowser: "";
display-window: "󱂬";
drun-display-format: "{name}";
hover-select: true;
me-select-entry: "MouseSecondary";
me-accept-entry: "MousePrimary";
window-format: "{w} · {c} · {t}";
dpi: 1;
}
/* ---- Load pywal colors (custom wal template) ---- */
@import "~/.config/rofi/pywal-color/pywal-theme.rasi"
modi: "drun,run,filebrowser";
font: "Fira Code SemiBold 9";
show-icons: true;
display-drun: "Apps";
display-run: "Run";
display-filebrowser: "Files";
display-window: "Windows";
drun-display-format: "{name}";
hover-select: true;
me-select-entry: "MouseSecondary";
me-accept-entry: "MousePrimary";
window-format: "{w} · {c} · {t}";
dpi: 1;
}
/* ---- Load pywal colors ---- */
@theme "~/.cache/wal/colors-rofi-dark.rasi"
/* ---- Global Properties ---- */
* {
background-alt: @selected-active-background; // Buttons backgroundr
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;
}
/* ---- Window ---- */
window {
width: 600px;
x-offset: 0px;
y-offset: 0px;
spacing: 0px;
padding: 1px;
margin: 0px;
border: 2px;
border-color: @active-background;
cursor: "default";
location: center;
anchor: center;
fullscreen: false;
enabled: true;
border-radius: 12px;
background-image: url("~/.config/rofi/.current_wallpaper", height);
}
/* ---- Mainbox ---- */
window {
// Default
enabled: true;
fullscreen: false;
transparency: "real";
cursor: "default";
spacing: 0px;
border: 2px;
border-radius: 30px;
location: center;
anchor: center;
// Style Values
width: 800px;
background-color: #00000099;
}
/* ----- Main Box ----- */
mainbox {
enabled: true;
orientation: vertical;
padding: 8px;
background-color: transparent;
children:
[ "inputbar",
"imagebox"];
border-radius: 12px;
enabled: true;
orientation: vertical;
children: [ "inputbar", "listbox" ];
background-color: transparent;
}
/* ---- Imagebox ---- */
imagebox {
background-color: transparent;
orientation: horizontal;
children:
[ "mode-switcher",
"listbox"];
/* ---- Inputbar ---- */
inputbar {
enabled: true;
padding: 10px 10px 200px 10px;
margin: 10px;
background-color: transparent;
border-radius: 25px;
orientation: horizontal;
children: ["entry", "dummy", "mode-switcher" ];
background-image: url("~/.config/rofi/.current_wallpaper", width);
}
/* ---- Listbox ---- */
listbox {
spacing: 4px;
orientation: vertical;
children: [ "listview"];
padding: 6px;
border-radius: 12px;
border: 1px;
border-color: @active-background;
background-color: @background;
/* ---- Entry input ---- */
entry {
enabled: true;
expand: false;
width: 300px;
padding: 10px;
border-radius: 12px;
background-color: @background-alt;
text-color: inherit;
cursor: text;
placeholder: " Search "; // << Search symbol
placeholder-color: inherit;
}
/* ---- Dummy ---- */
dummy {
background-color: transparent;
/* ---- Listbox ---- */
listbox {
spacing: 10px;
padding: 10px;
background-color: transparent;
orientation: vertical;
children: [ "message", "listview" ];
}
/* ---- Inputbar ---- */
inputbar {
enabled: true;
text-color: @foreground;
spacing: 10px;
border-radius: 12px;
border-color: @foreground;
background-color: @background;
children:
[ "textbox-prompt-colon",
"entry"];
border: 1px;
border-color: @active-background;
}
textbox-prompt-colon {
enabled: true;
padding: 6px 0px 6px 10px;
expand: false;
str: "🐧";
text-color: inherit;
background-color: transparent;
/* ---- Listview ---- */
listview {
enabled: true;
columns: 2;
lines: 6;
cycle: true;
dynamic: true;
scrollbar: false;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: true;
spacing: 10px;
background-color: transparent;
// Adapt rofi theme
border: 0px;
}
entry {
enabled: true;
padding: 6px 0px 0px 0px;
text-color: inherit;
cursor: text;
placeholder: "Search (ctrl tab to choose mode)";
placeholder-color: inherit;
background-color: transparent;
/* ---- Dummy ---- */
dummy {
expand: true;
background-color: transparent;
}
/* ---- Mode Switcher ---- */
mode-switcher {
orientation: vertical;
enabled: true;
spacing: 12px;
background-color: transparent;
text-color: @foreground;
mode-switcher{
enabled: true;
spacing: 10px;
background-color: transparent;
}
button {
padding: 0px 12px 0px 8px;
border-radius: 12px;
background-color: @background;
text-color: inherit;
cursor: pointer;
border: 1px;
border-color: @active-background;
width: 80px;
padding: 12px;
border-radius: 12px;
background-color: @background-alt;
text-color: inherit;
cursor: pointer;
}
button selected {
background-color: @selected-normal-background;
text-color: @foreground;
border: 1px;
border-color: @background;
background-color: @selected;
text-color: @text-selected;
}
/* ---- Listview ---- */
listview {
enabled: true;
columns: 2;
lines: 5;
spacing: 2px;
padding: 6px;
dynamic: true;
cycle: true;
scrollbar: false;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: false;
background-color: transparent;
border-radius: 12px;
border: 0px;
}
/* ---- Element ---- */
/* ---- Elements ---- */
element {
enabled: true;
padding: 5px;
margin: 2px;
cursor: pointer;
background-color: transparent;
border-radius: 12px;
border: 0px;
enabled: true;
spacing: 10px;
padding: 4px;
border-radius: 10px;
background-color: transparent;
cursor: pointer;
}
element normal.normal {
background-color: inherit;
text-color: @foreground;
background-color: inherit;
text-color: inherit;
}
element normal.urgent {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @foreground;
}
element normal.active {
background-color: inherit;
text-color: @foreground;
background-color: @active;
text-color: @foreground;
}
element selected.normal {
background-color: @selected-normal-background;
text-color: @foreground;
background-color: @selected;
text-color: @text-selected;
}
element selected.urgent {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @text-selected;
}
element selected.active {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @text-selected;
}
// Adapt rofi theme
element alternate.normal {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element alternate.urgent {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element alternate.active {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element-icon {
background-color: transparent;
text-color: inherit;
size: 32px;
cursor: inherit;
background-color: transparent;
text-color: inherit;
size: 36px;
cursor: inherit;
}
element-text {
background-color: transparent;
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0;
background-color: transparent;
font: "Fira Code SemiBold 12";
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0.0;
}
/*****----- Message -----*****/
/* ---- Message ---- */
message {
background-color: @background;
margin: 20px 0px 0px 0px;
border-radius: 12px;
background-color: transparent;
border: 0px;
}
textbox {
padding: 10px;
background-color: @background;
text-color: @foreground;
padding: 12px;
border-radius: 10px;
background-color: @background-alt;
text-color: @foreground;
vertical-align: 0.5;
horizontal-align: 0.0;
}
error-message {
padding: 15px;
border-radius: 12px;
background-color: @background;
text-color: @foreground;
padding: 12px;
border-radius: 20px;
background-color: @background-alt;
text-color: @foreground;
}

327
config/rofi/resolution/1440p/config.rasi

@ -1,247 +1,228 @@
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
/* Main Config (main) 1440p*/
/* Main Config 1440p */
/* ---- Configuration ---- */
configuration {
modi: "drun,run,filebrowser";
font: "Fira Code SemiBold 14";
modi: "drun,run,filebrowser";
font: "Fira Code SemiBold 10";
show-icons: true;
display-drun: "";
display-run: "";
display-filebrowser: "";
display-window: "󱂬";
display-drun: "Apps";
display-run: "Run";
display-filebrowser: "Files";
display-window: "Windows";
drun-display-format: "{name}";
hover-select: true;
me-select-entry: "MouseSecondary";
hover-select: true;
me-select-entry: "MouseSecondary";
me-accept-entry: "MousePrimary";
window-format: "{w} · {c} · {t}";
window-format: "{w} · {c} · {t}";
dpi: 1;
}
/* ---- Load pywal colors (custom wal template) ---- */
@import "~/.config/rofi/pywal-color/pywal-theme.rasi"
/* ---- Load pywal colors ---- */
@theme "~/.cache/wal/colors-rofi-dark.rasi"
/* ---- Global Properties ---- */
* {
background-alt: @selected-active-background; // Buttons backgroundr
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;
}
/* ---- Window ---- */
window {
width: 650px;
/*height: 450px;*/
x-offset: 0px;
y-offset: 0px;
// Default
enabled: true;
fullscreen: false;
transparency: "real";
cursor: "default";
spacing: 0px;
padding: 1px;
margin: 0px;
border: 2px;
border-color: @active-background;
cursor: "default";
border-radius: 30px;
location: center;
anchor: center;
fullscreen: false;
enabled: true;
border-radius: 12px;
background-image: url("~/.config/rofi/.current_wallpaper", width);
// Style Values
width: 900px;
background-color: #00000099;
}
/* ---- Mainbox ---- */
/* ----- Main Box ----- */
mainbox {
enabled: true;
orientation: vertical;
padding: 8px;
background-color: transparent;
children: [ "inputbar", "imagebox" ];
border-radius: 12px;
enabled: true;
orientation: vertical;
children: [ "inputbar", "listbox" ];
background-color: transparent;
}
/* ---- Imagebox ---- */
imagebox {
background-color: transparent;
orientation: horizontal;
children: [ "mode-switcher", "listbox"];
}
/* ---- Listbox ---- */
listbox {
spacing: 4px;
orientation: vertical;
children: ["listview" ];
padding: 6px;
border-radius: 12px;
border: 1px;
border-color: @active-background;
background-color: @background;
/* ---- Inputbar ---- */
inputbar {
enabled: true;
padding: 10px 10px 200px 10px;
margin: 10px;
background-color: transparent;
border-radius: 25px;
orientation: horizontal;
children: ["entry", "dummy", "mode-switcher" ];
background-image: url("~/.config/rofi/.current_wallpaper", width);
}
/* ---- Dummy ---- */
dummy {
background-color: transparent;
/* ---- Entry input ---- */
entry {
enabled: true;
expand: false;
width: 300px;
padding: 10px;
border-radius: 12px;
background-color: @background-alt;
text-color: inherit;
cursor: text;
placeholder: " Search "; // << Search symbol
placeholder-color: inherit;
}
/* ---- Inputbar ---- */
inputbar {
enabled: true;
text-color: @foreground;
spacing: 10px;
border-radius: 12px;
border-color: @foreground;
background-color: @background;
children: [ "textbox-prompt-colon","entry" ];
border: 1px;
border-color: @active-background;
/* ---- Listbox ---- */
listbox {
spacing: 10px;
padding: 10px;
background-color: transparent;
orientation: vertical;
children: [ "message", "listview" ];
}
textbox-prompt-colon {
enabled: true;
padding: 6px 0px 6px 10px;
expand: false;
str: "🐧";
text-color: inherit;
background-color: transparent;
/* ---- Listview ---- */
listview {
enabled: true;
columns: 2;
lines: 8;
cycle: true;
dynamic: true;
scrollbar: false;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: true;
spacing: 10px;
background-color: transparent;
// Adapt rofi theme
border: 0px;
}
entry {
enabled: true;
padding: 6px 0px 0px 0px;
text-color: inherit;
cursor: text;
placeholder: "Search (ctrl tab to choose mode)";
placeholder-color: inherit;
background-color: transparent;
/* ---- Dummy ---- */
dummy {
expand: true;
background-color: transparent;
}
/* ---- Mode Switcher ---- */
mode-switcher{
orientation: vertical;
enabled: true;
spacing: 12px;
background-color: transparent;
text-color: @foreground;
enabled: true;
spacing: 10px;
background-color: transparent;
}
button {
padding: 0px 12px 0px 8px;
border-radius: 12px;
background-color: @background;
text-color: inherit;
cursor: pointer;
border: 1px;
border-color: @active-background;
width: 80px;
padding: 12px;
border-radius: 12px;
background-color: @background-alt;
text-color: inherit;
cursor: pointer;
}
button selected {
background-color: @selected-normal-background;
text-color: @foreground;
border: 1px;
border-color: @background;
background-color: @selected;
text-color: @text-selected;
}
/* ---- Listview ---- */
listview {
enabled: true;
columns: 2;
lines: 5;
spacing: 5px;
padding: 6px;
dynamic: true;
cycle: true;
scrollbar: false;
layout: vertical;
reverse: false;
fixed-height: true;
fixed-columns: false;
background-color: transparent;
border-radius: 12px;
border: 0px;
}
/* ---- Element ---- */
/* ---- Elements ---- */
element {
enabled: true;
padding: 5px;
margin: 2px;
cursor: pointer;
background-color: transparent;
border-radius: 12px;
border: 0px;
enabled: true;
spacing: 10px;
padding: 4px;
border-radius: 10px;
background-color: transparent;
cursor: pointer;
}
element normal.normal {
background-color: inherit;
text-color: @foreground;
background-color: inherit;
text-color: inherit;
}
element normal.urgent {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @foreground;
}
element normal.active {
background-color: inherit;
text-color: @foreground;
background-color: @active;
text-color: @foreground;
}
element selected.normal {
background-color: @selected-normal-background;
text-color: @foreground;
background-color: @selected;
text-color: @text-selected;
}
element selected.urgent {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @text-selected;
}
element selected.active {
background-color: inherit;
text-color: @foreground;
background-color: @urgent;
text-color: @text-selected;
}
// Adapt rofi theme
element alternate.normal {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element alternate.urgent {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element alternate.active {
background-color: inherit;
text-color: @foreground;
background-color: transparent;
text-color: inherit;
}
element-icon {
background-color: transparent;
text-color: inherit;
size: 32px;
cursor: inherit;
background-color: transparent;
text-color: inherit;
size: 36px;
cursor: inherit;
}
element-text {
background-color: transparent;
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0;
background-color: transparent;
font: "Fira Code SemiBold 14";
text-color: inherit;
cursor: inherit;
vertical-align: 0.5;
horizontal-align: 0.0;
}
/*****----- Message -----*****/
/* ---- Message ---- */
message {
background-color: @background;
margin: 20px 0px 0px 0px;
border-radius: 12px;
background-color: transparent;
border: 0px;
}
textbox {
padding: 10px;
background-color: @background;
text-color: @foreground;
padding: 12px;
border-radius: 10px;
background-color: @background-alt;
text-color: @foreground;
vertical-align: 0.5;
horizontal-align: 0.0;
}
error-message {
padding: 15px;
border-radius: 12px;
background-color: @background;
text-color: @foreground;
padding: 12px;
border-radius: 20px;
background-color: @background-alt;
text-color: @foreground;
}

Loading…
Cancel
Save