jonny
/
Hyprland-Dots
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

New Rofi Themes

pull/232/head
JaKooLit 2 years ago
parent
e116601615
commit
3785d1063e
11 changed files with 532 additions and 649 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
Unescape View File

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

26
config/rofi/config-long.rasi
Unescape View File

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

7
config/rofi/config-rofi-Beats.rasi
Unescape View File

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

17
config/rofi/config-search.rasi
Unescape View File

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

18
config/rofi/config-wallpaper.rasi
Unescape View File

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

2
config/rofi/config-waybar-layout.rasi
Unescape View File

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

12
config/rofi/config-waybar-style.rasi
Unescape View File

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

49
config/rofi/config-zsh-theme.rasi
Unescape View File

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

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

359
config/rofi/resolution/1080p/config.rasi
Unescape View File

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

327
config/rofi/resolution/1440p/config.rasi
Unescape View File

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

Write Preview
Loading…
Cancel
Save