init
This commit is contained in:
Aidan Haas
@@ -0,0 +1,198 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Style LonerOrZ */
|
||||
/* Submitted by https://github.com/lonerOrz */
|
||||
/* Edited by Ja */
|
||||
|
||||
|
||||
|
||||
configuration {
|
||||
show-icons: true;
|
||||
display-drun: "";
|
||||
drun-display-format: "{icon} {name}";
|
||||
disable-history: false;
|
||||
click-to-exit: true;
|
||||
location: 0;
|
||||
}
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
font: "Iosevka 12";
|
||||
|
||||
BG: #1E1D2Fff;
|
||||
BGA: #89DCEBff;
|
||||
FG: #D9E0EEff;
|
||||
FGA: #F28FADff;
|
||||
BDR: #96CDFBff;
|
||||
SEL: #1E1E2Eff;
|
||||
UGT: #F28FADff;
|
||||
IMG: #FAE3B0ff;
|
||||
OFF: #575268ff;
|
||||
ON: #ABE9B3ff;
|
||||
}
|
||||
|
||||
window {
|
||||
transparency: "real";
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
border: 2px;
|
||||
border-color: @BDR;
|
||||
border-radius: 10px;
|
||||
width: 25%;
|
||||
anchor: center;
|
||||
x-offset: 0;
|
||||
y-offset: 0;
|
||||
}
|
||||
|
||||
prompt {
|
||||
enabled: true;
|
||||
padding: 8px;
|
||||
background-color: @BG;
|
||||
text-color: @IMG;
|
||||
}
|
||||
|
||||
textbox-prompt-colon {
|
||||
expand: false;
|
||||
str: "";
|
||||
border-radius: 100%;
|
||||
background-color: @SEL;
|
||||
text-color: @FG;
|
||||
padding: 8px 12px 8px 12px;
|
||||
font: "Iosevka Nerd Font 10";
|
||||
}
|
||||
|
||||
entry {
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
placeholder-color: @FG;
|
||||
expand: true;
|
||||
horizontal-align: 0;
|
||||
placeholder: "Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
blink: true;
|
||||
border: 0px 0px 2px 0px;
|
||||
border-color: @BDR;
|
||||
border-radius: 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
children: [ textbox-prompt-colon, entry ];
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
expand: false;
|
||||
border: 0px 0px 0px 0px;
|
||||
border-radius: 0px;
|
||||
border-color: @BDR;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px;
|
||||
position: center;
|
||||
}
|
||||
|
||||
case-indicator {
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
listview {
|
||||
background-color: @BG;
|
||||
columns: 1;
|
||||
lines: 7;
|
||||
spacing: 4px;
|
||||
cycle: false;
|
||||
dynamic: true;
|
||||
layout: vertical;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
handle-color: @BDR;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
background-color: @BG;
|
||||
children: [ inputbar, message, listview ];
|
||||
spacing: 15px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
element {
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
orientation: horizontal;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
horizontal-align: 0.5;
|
||||
vertical-align: 0.5;
|
||||
size: 24px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
element-text {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
expand: true;
|
||||
horizontal-align: 0;
|
||||
vertical-align: 0.5;
|
||||
margin: 2px 0px 2px 2px;
|
||||
}
|
||||
|
||||
|
||||
element normal.urgent,
|
||||
element alternate.urgent {
|
||||
background-color: @UGT;
|
||||
text-color: @FG;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
element normal.active,
|
||||
element alternate.active {
|
||||
background-color: @BGA;
|
||||
text-color: @FG;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected {
|
||||
background-color: @BGA;
|
||||
text-color: @SEL;
|
||||
border: 0px 0px 0px 0px;
|
||||
border-radius: 10px;
|
||||
border-color: @BDR;
|
||||
}
|
||||
|
||||
element selected.urgent {
|
||||
background-color: @UGT;
|
||||
text-color: @FG;
|
||||
}
|
||||
|
||||
element selected.active {
|
||||
background-color: @BGA;
|
||||
color: @FG;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
error-message {
|
||||
padding: 20px;
|
||||
}
|
||||
textbox {
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
background-color: @BDR;
|
||||
text-color: @SEL;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,242 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 1 */
|
||||
|
||||
/* ---- 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}";
|
||||
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: @color1;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: red;
|
||||
|
||||
text-selected: @background;
|
||||
text-color: @foreground;
|
||||
border-color: @selected;
|
||||
}
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
// Default
|
||||
enabled: true;
|
||||
fullscreen: false;
|
||||
transparency: "real";
|
||||
cursor: "default";
|
||||
spacing: 0px;
|
||||
border: 3px 0px 3px 0px;
|
||||
border-radius: 30px;
|
||||
location: center;
|
||||
anchor: center;
|
||||
|
||||
// Style Values
|
||||
width: 50%;
|
||||
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: @active;
|
||||
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;
|
||||
text-color: @foreground;
|
||||
|
||||
// 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;
|
||||
border-radius: 10px;
|
||||
border-color: @color12;
|
||||
handle-color: @color11;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ---- Elements ---- */
|
||||
element {
|
||||
enabled: true;
|
||||
orientation: vertical;
|
||||
padding: 10px;
|
||||
spacing: 10px;
|
||||
border-radius: 12px;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
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: @active;
|
||||
background-color: transparent;
|
||||
text-color: @selected;
|
||||
}
|
||||
|
||||
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: 3%;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
size: 1%;
|
||||
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: @active;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
error-message {
|
||||
padding: 12px;
|
||||
border-radius: 20px;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
}
|
||||
@@ -0,0 +1,176 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 10 - Fancy v2 */
|
||||
/* Credit to DaveDavenport & Rasmus Steinke */
|
||||
|
||||
/* global settings and color variables */
|
||||
* {
|
||||
blue: #A7c6E2;
|
||||
blue-trans: #A7c6e2aa;
|
||||
darkblue: #005F87;
|
||||
green: #00330088;
|
||||
black: #000000;
|
||||
grey: #444444;
|
||||
orange: #FFD391;
|
||||
dark-orange: #FFA664;
|
||||
light-grey: #F5F5F5;
|
||||
medium-grey: #D0D0D0;
|
||||
dark-grey: #002B36;
|
||||
urgent: #D75F00;
|
||||
active: #005F87;
|
||||
transparent: #000000aa;
|
||||
spacing: 0em;
|
||||
padding: 0px;
|
||||
background-color: white;
|
||||
line-style: "none";
|
||||
}
|
||||
|
||||
prompt-box {
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
prompt {
|
||||
background-color : transparent;
|
||||
text-color : white;
|
||||
}
|
||||
|
||||
window {
|
||||
border : 2px;
|
||||
border-radius : 12px;
|
||||
border-color : black;
|
||||
background-color : transparent;
|
||||
color : @grey;
|
||||
}
|
||||
mainbox {
|
||||
background-color : @blue-trans;
|
||||
color : @grey;
|
||||
spacing : 0%;
|
||||
}
|
||||
|
||||
listview {
|
||||
// Looks.
|
||||
border-radius : 10px;
|
||||
border : 5px;
|
||||
padding : 20px;
|
||||
margin : 20px 30px 30px 30px;
|
||||
background-color : @orange;
|
||||
// Enable scrollbar
|
||||
scrollbar : false;
|
||||
scrollbar-width : 5px;
|
||||
fixed-height : true;
|
||||
reverse : false;
|
||||
color : #000000;
|
||||
spacing : 0.3em;
|
||||
}
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border : 0px;
|
||||
border-radius : 10px;
|
||||
background-color: @blue;
|
||||
handle-color : @orange;
|
||||
handle-width : 2px ;
|
||||
padding : 0;
|
||||
}
|
||||
element {
|
||||
border: 0px;
|
||||
padding: 5px;
|
||||
margin: 0px;
|
||||
spacing: 0.5em;
|
||||
color: @black;
|
||||
background-color: @blue;
|
||||
children: [ element-icon, element-text ];
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
color: @black;
|
||||
background-color: @orange;
|
||||
}
|
||||
element normal.urgent {
|
||||
color: @urgent;
|
||||
background-color: @light-grey;
|
||||
}
|
||||
element normal.active {
|
||||
color: @active;
|
||||
background-color: @light-grey;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
border-radius: 10px;
|
||||
color: @black;
|
||||
background-color: @dark-orange;
|
||||
}
|
||||
element selected.urgent {
|
||||
color: @light-grey;
|
||||
background-color: @urgent;
|
||||
}
|
||||
element selected.active {
|
||||
color: @light-grey;
|
||||
background-color: @active;
|
||||
}
|
||||
element alternate.normal {
|
||||
color: @black;
|
||||
background-color: @orange;
|
||||
}
|
||||
element alternate.urgent {
|
||||
color: @urgent;
|
||||
background-color: @medium-grey;
|
||||
}
|
||||
element alternate.active {
|
||||
color: @active;
|
||||
background-color: @medium-grey;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
spacing : 5px;
|
||||
background-color : #88003300;
|
||||
border : 0px 0px 2px 0px;
|
||||
border-radius : 0px;
|
||||
padding : 5px 10px 5px 35px;
|
||||
background-color : #00330088;
|
||||
color : @black;
|
||||
end : false;
|
||||
}
|
||||
|
||||
separator {
|
||||
background-color : @blue;
|
||||
color : #00000000;
|
||||
}
|
||||
prompt normal.normal {
|
||||
background-color : #00000000;
|
||||
color : #ffffff;
|
||||
padding : 0px;
|
||||
}
|
||||
entry normal.normal {
|
||||
background-color : #00000000;
|
||||
color : #ffffff;
|
||||
padding : 0px;
|
||||
}
|
||||
case-indicator normal.normal {
|
||||
background-color : #00000000;
|
||||
color : #ffffff;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
message {
|
||||
margin : 30px;
|
||||
padding : 20px 30px 20px 20px;
|
||||
padding : 20px ;
|
||||
border-radius : 10px;
|
||||
border : 5px;
|
||||
}
|
||||
|
||||
textbox {
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
prompt-colon {
|
||||
spacing : 0;
|
||||
enabled : false;
|
||||
}
|
||||
|
||||
element-text, element-icon {
|
||||
background-color : inherit;
|
||||
text-color : inherit;
|
||||
foreground-color : inherit;
|
||||
}
|
||||
@@ -0,0 +1,295 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 10 - Fancy */
|
||||
/* Credit to DaveDavenport. I have only some few things changed */
|
||||
|
||||
/* ---- Configuration ---- */
|
||||
|
||||
configuration {
|
||||
modi: "drun,run,filebrowser";
|
||||
show-icons: true;
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
* {
|
||||
selected-normal-foreground: rgba ( 248, 248, 242, 100 % );
|
||||
foreground: rgba ( 248, 248, 242, 100 % );
|
||||
normal-foreground: @foreground;
|
||||
alternate-normal-background: rgba ( 39, 40, 34, 0 % );
|
||||
selected-urgent-foreground: rgba ( 248, 248, 242, 100 % );
|
||||
urgent-foreground: rgba ( 249, 38, 114, 100 % );
|
||||
alternate-urgent-background: rgba ( 39, 40, 34, 0 % );
|
||||
active-foreground: rgba ( 166, 226, 42, 100 % );
|
||||
lightbg: rgba ( 238, 232, 213, 100 % );
|
||||
selected-active-foreground: rgba ( 166, 226, 42, 100 % );
|
||||
alternate-active-background: rgba ( 39, 40, 34, 0 % );
|
||||
background: rgba ( 39, 40, 34, 93 % );
|
||||
bordercolor: rgba ( 0, 43, 54, 100 % );
|
||||
alternate-normal-foreground: @foreground;
|
||||
normal-background: rgba ( 39, 40, 34, 0 % );
|
||||
selected-normal-background: rgba ( 20, 20, 17, 100 % );
|
||||
separatorcolor: rgba ( 230, 219, 116, 100 % );
|
||||
urgent-background: rgba ( 39, 40, 34, 0 % );
|
||||
selected-urgent-background: rgba ( 249, 38, 114, 100 % );
|
||||
alternate-urgent-foreground: @urgent-foreground;
|
||||
background-color: transparent;
|
||||
alternate-active-foreground: @active-foreground;
|
||||
active-background: rgba ( 39, 40, 34, 0 % );
|
||||
selected-active-background: rgba ( 20, 20, 17, 100 % );
|
||||
}
|
||||
|
||||
window {
|
||||
border-color: darkgray/30%;
|
||||
background-color: black/50%;
|
||||
border: 2px;
|
||||
padding: 0px;
|
||||
border-radius: 10px;
|
||||
padding: 0.5em;
|
||||
spacing: 0px;
|
||||
|
||||
anchor: north;
|
||||
location: center;
|
||||
y-offset: -15.5em;
|
||||
|
||||
|
||||
children: [ inputbar, message, wrapper-mode-switcher, listview , pagerbox ];
|
||||
}
|
||||
|
||||
pagerbox {
|
||||
expand: false;
|
||||
orientation: horizontal;
|
||||
children: [ icon-left, pad, icon-right ];
|
||||
}
|
||||
|
||||
pad {
|
||||
expand: true;
|
||||
}
|
||||
|
||||
icon-left {
|
||||
expand: false;
|
||||
filename: "go-previous";
|
||||
size: 24;
|
||||
vertical-align: 0.5;
|
||||
action: "kb-page-prev";
|
||||
}
|
||||
|
||||
icon-right {
|
||||
expand: false;
|
||||
filename: "go-next";
|
||||
size: 24;
|
||||
vertical-align: 0.5;
|
||||
action: "kb-page-next";
|
||||
}
|
||||
|
||||
wrapper-mode-switcher {
|
||||
orientation: horizontal;
|
||||
|
||||
expand: false;
|
||||
spacing: 0;
|
||||
children: [ icon-ms-ic1, mode-switcher, icon-ms-ic2 ];
|
||||
}
|
||||
icon-ms-ic1 {
|
||||
filename: "go-previous";
|
||||
}
|
||||
icon-ms-ic2 {
|
||||
filename: "go-next";
|
||||
}
|
||||
icon-ms-ic1,icon-ms-ic2 {
|
||||
size: 16;
|
||||
vertical-align: 0.8;
|
||||
expand: false;
|
||||
border: 0px 0px 2px ;
|
||||
border-color: @separatorcolor;
|
||||
}
|
||||
|
||||
mode-switcher {
|
||||
border: 0px;
|
||||
spacing: 0px;
|
||||
expand: true;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 2px;
|
||||
border: 0px 0px 2px ;
|
||||
border-color: @separatorcolor;
|
||||
text-color: dimgrey;
|
||||
}
|
||||
button selected.normal {
|
||||
text-color: white;
|
||||
background-color: black/50%;
|
||||
|
||||
border: 2px 2px 0px ;
|
||||
border-color: @separatorcolor;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
|
||||
sidebar {
|
||||
expand: false;
|
||||
}
|
||||
|
||||
message {
|
||||
text-color: black;
|
||||
background-color: lightgrey / 50%;
|
||||
border-color: grey;
|
||||
border: 2px;
|
||||
border-radius: 5px;
|
||||
padding: 4px;
|
||||
margin: 0px 0px 0.5em;
|
||||
expand: false;
|
||||
}
|
||||
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 2;
|
||||
lines: 6;
|
||||
spacing: 2px ;
|
||||
scrollbar: false;
|
||||
padding: 0.5em;
|
||||
background-color: black/50%;
|
||||
|
||||
expand: true;
|
||||
border: 0px 2px 2px ;
|
||||
border-color: @separatorcolor;
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
}
|
||||
element {
|
||||
border: 1;
|
||||
border-color: transparent;
|
||||
padding: 12px ;
|
||||
}
|
||||
element-text {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
element.normal.normal {
|
||||
background-color: @normal-background;
|
||||
text-color: @normal-foreground;
|
||||
}
|
||||
element.normal.urgent {
|
||||
background-color: @urgent-background;
|
||||
text-color: @urgent-foreground;
|
||||
}
|
||||
element.normal.active {
|
||||
background-color: @active-background;
|
||||
text-color: @active-foreground;
|
||||
}
|
||||
element.selected.normal {
|
||||
border: 1;
|
||||
border-color: grey/80%;
|
||||
background-color: @selected-normal-background;
|
||||
text-color: @selected-normal-foreground;
|
||||
}
|
||||
element.selected.urgent {
|
||||
border: 1;
|
||||
border-color: grey/80%;
|
||||
background-color: @selected-urgent-background;
|
||||
text-color: @selected-urgent-foreground;
|
||||
}
|
||||
element.selected.active {
|
||||
border: 1;
|
||||
border-color: grey/80%;
|
||||
background-color: @selected-active-background;
|
||||
text-color: @selected-active-foreground;
|
||||
}
|
||||
element.alternate.normal {
|
||||
background-color: @alternate-normal-background;
|
||||
text-color: @alternate-normal-foreground;
|
||||
}
|
||||
element.alternate.urgent {
|
||||
background-color: @alternate-urgent-background;
|
||||
text-color: @alternate-urgent-foreground;
|
||||
}
|
||||
element.alternate.active {
|
||||
background-color: @alternate-active-background;
|
||||
text-color: @alternate-active-foreground;
|
||||
}
|
||||
|
||||
element-text selected {
|
||||
background-color: @selected-active-background;
|
||||
text-color: @selected-active-foreground;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: @selected-normal-background;
|
||||
handle-color: @separatorcolor;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
sidebar {
|
||||
border: 2px 0px 0px ;
|
||||
border-color: @separatorcolor;
|
||||
}
|
||||
inputbar {
|
||||
text-color: @normal-foreground;
|
||||
padding: 0px 0px 0.5em;
|
||||
children: [ wrapper ];
|
||||
}
|
||||
case-indicator {
|
||||
text-color: @normal-foreground;
|
||||
}
|
||||
|
||||
wrapper {
|
||||
orientation: horizontal;
|
||||
text-color: black;
|
||||
background-color: white / 75%;
|
||||
border-color: grey;
|
||||
border: 2px;
|
||||
border-radius: 5px;
|
||||
padding: 4px;
|
||||
children: [ icon-k, entry, icon-paste];
|
||||
spacing: 0.5em;
|
||||
}
|
||||
button-paste {
|
||||
expand: false;
|
||||
str: "gtk-paste";
|
||||
size: 24;
|
||||
vertical-align: 0.5;
|
||||
action: "kb-cancel";
|
||||
}
|
||||
icon-paste {
|
||||
expand: false;
|
||||
filename: "gtk-paste";
|
||||
size: 24;
|
||||
vertical-align: 0.5;
|
||||
action: "kb-primary-paste";
|
||||
}
|
||||
icon-k {
|
||||
expand: false;
|
||||
filename: "input-keyboard";
|
||||
size: 24;
|
||||
vertical-align: 0.5;
|
||||
|
||||
}
|
||||
entry {
|
||||
enabled: true;
|
||||
expand: true;
|
||||
background-color: white / 75%;
|
||||
placeholder: " 🖥️ Search ";
|
||||
vertical-align: 0.5;
|
||||
border-radius: 5px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
|
||||
/*****----- Message -----*****/
|
||||
error-message {
|
||||
background-color: darkred/20%;
|
||||
border-radius: 10px;
|
||||
border: 2px;
|
||||
|
||||
}
|
||||
textbox {
|
||||
padding: 5px;
|
||||
background-color: darkred/10%;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,149 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 11 - Windows 11 List Dark */
|
||||
/* source: https://github.com/newmanls */
|
||||
|
||||
/* Integrating Wallust and More tweaks */
|
||||
|
||||
/* ---- Configuration ---- */
|
||||
configuration {
|
||||
show-icons: true;
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
bg0 : black/50%;
|
||||
bg1 : black/40%;
|
||||
bg2 : black/10%;
|
||||
bg3 : black;
|
||||
fg0 : #ffffff;
|
||||
fg1 : #cecece;
|
||||
accent : #60cdff;
|
||||
urgent : @accent;
|
||||
|
||||
background-color : transparent;
|
||||
text-color : @fg0;
|
||||
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
spacing : 0;
|
||||
}
|
||||
|
||||
|
||||
element-icon, element-text, scrollbar {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
window {
|
||||
location : south;
|
||||
width : 40%;
|
||||
height : 50%;
|
||||
y-offset : -10px;
|
||||
|
||||
background-color : @bg1;
|
||||
border-radius : 8px;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
padding : 24px;
|
||||
spacing : 24px;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
padding : 8px;
|
||||
spacing : 4px;
|
||||
children : [ icon-search, entry ];
|
||||
border : 0 0 2px 0 solid;
|
||||
border-color : @accent;
|
||||
border-radius : 2px;
|
||||
background-color : @bg0;
|
||||
}
|
||||
|
||||
icon-search, entry, element-icon, element-text {
|
||||
vertical-align: 0.5;
|
||||
}
|
||||
|
||||
icon-search {
|
||||
expand : false;
|
||||
filename : "search-symbolic";
|
||||
size : 24px;
|
||||
}
|
||||
|
||||
entry {
|
||||
placeholder : "Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
text-color : @fg1;
|
||||
horizontal-align : 0.5;
|
||||
}
|
||||
|
||||
listview {
|
||||
columns : 2;
|
||||
spacing : 8px;
|
||||
fixed-height : true;
|
||||
fixed-columns : true;
|
||||
}
|
||||
|
||||
element {
|
||||
spacing : 1em;
|
||||
padding : 20px;
|
||||
border-radius : 2px;
|
||||
}
|
||||
|
||||
element normal urgent {
|
||||
text-color: @urgent;
|
||||
}
|
||||
|
||||
element normal active {
|
||||
text-color: @accent;
|
||||
}
|
||||
|
||||
element alternate active {
|
||||
text-color: @accent;
|
||||
}
|
||||
|
||||
element selected active {
|
||||
text-color: @accent;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected {
|
||||
background-color: @bg3;
|
||||
padding: 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
element selected urgent {
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
size: 1.5em;
|
||||
}
|
||||
|
||||
element-text {
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: inherit;
|
||||
handle-color: @accent;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
error-message {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
textbox {
|
||||
padding : 10px;
|
||||
background-color : @bg0;
|
||||
text-color : @fg0;
|
||||
vertical-align : 0.5;
|
||||
horizontal-align : 0.5;
|
||||
}
|
||||
@@ -0,0 +1,150 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 11 - Windows 11 List Light */
|
||||
/* source: https://github.com/newmanls */
|
||||
|
||||
/* Integrating Wallust and More tweaks */
|
||||
|
||||
/* ---- Configuration ---- */
|
||||
configuration {
|
||||
show-icons: true;
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
bg0 : #ffffff80;
|
||||
bg1 : #f9f9f9bf;
|
||||
bg2 : #f7f7f7;
|
||||
bg3 : #fefefebf;
|
||||
fg0 : #1a1a1a;
|
||||
fg1 : #5f5f5f;
|
||||
accent : #005fb8;
|
||||
urgent : @accent;
|
||||
|
||||
background-color: transparent;
|
||||
text-color : @fg0;
|
||||
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
spacing : 0;
|
||||
}
|
||||
|
||||
element-icon, element-text, scrollbar {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
window {
|
||||
location : south;
|
||||
width : 40%;
|
||||
height : 50%;
|
||||
y-offset : -10px;
|
||||
|
||||
background-color : @bg1;
|
||||
border-radius : 8px;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
padding : 24px;
|
||||
spacing : 24px;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
padding : 8px;
|
||||
spacing : 4px;
|
||||
children : [ icon-search, entry ];
|
||||
border : 0 0 2px 0 solid;
|
||||
border-color : @accent;
|
||||
border-radius : 2px;
|
||||
background-color : @bg0;
|
||||
}
|
||||
|
||||
icon-search, entry, element-icon, element-text {
|
||||
vertical-align: 0.5;
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
icon-search {
|
||||
expand : false;
|
||||
filename : "search-symbolic";
|
||||
size : 24px;
|
||||
}
|
||||
|
||||
entry {
|
||||
placeholder : "Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
text-color : @fg1;
|
||||
horizontal-align : 0.5;
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
listview {
|
||||
columns : 2;
|
||||
spacing : 8px;
|
||||
fixed-height : true;
|
||||
fixed-columns : true;
|
||||
}
|
||||
|
||||
element {
|
||||
spacing : 1em;
|
||||
padding : 8px;
|
||||
border-radius : 2px;
|
||||
}
|
||||
|
||||
element normal urgent {
|
||||
text-color: @urgent;
|
||||
}
|
||||
|
||||
element normal active {
|
||||
text-color: @accent;
|
||||
}
|
||||
|
||||
element alternate active {
|
||||
text-color: @accent;
|
||||
}
|
||||
|
||||
element selected active {
|
||||
text-color: @accent;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected normal {
|
||||
background-color: @bg0;
|
||||
text-color: @accent;
|
||||
padding: 20px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
element selected urgent {
|
||||
background-color: @urgent;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
size: 1.5em;
|
||||
}
|
||||
|
||||
element-text {
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: inherit;
|
||||
handle-color: @accent;
|
||||
handle-width: 1px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
error-message {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
textbox {
|
||||
padding : 10px;
|
||||
text-color : @fg0;
|
||||
vertical-align : 0.5;
|
||||
horizontal-align : 0.5;
|
||||
}
|
||||
@@ -0,0 +1,157 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 12 - TOP - Docu */
|
||||
/* Credit to DaveDavenport. I have only some few things changed */
|
||||
|
||||
/**
|
||||
* ROFI Documentation theme.
|
||||
* User: Qball
|
||||
* Copyright: Dave Davenport
|
||||
*/
|
||||
|
||||
configuration {
|
||||
modi: "drun,run,filebrowser";
|
||||
show-icons: true;
|
||||
display-drun: " ";
|
||||
display-run: " ";
|
||||
display-filebrowser: " ";
|
||||
display-window: " ";
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/* ---- Global Properties ---- */
|
||||
* {
|
||||
background-color: transparent;
|
||||
text-color: white;
|
||||
}
|
||||
entry {
|
||||
border: 2px 0px;
|
||||
border-color: darkgrey;
|
||||
background-color: grey;
|
||||
padding: 12px;
|
||||
placeholder: "🔎 Search";
|
||||
placeholder-color: darkgrey;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
spacing: 0;
|
||||
children: [ icon-keyboard, entry, mode-switcher ];
|
||||
}
|
||||
|
||||
mode-switcher {
|
||||
spacing: 10px;
|
||||
border: 2px;
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
border-color: darkgrey;
|
||||
background-color: darkgrey;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 0px 60px 0px 60px;
|
||||
background-color: grey;
|
||||
border-color: darkgrey;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button selected {
|
||||
background-color: white/20%;
|
||||
text-color: black;
|
||||
}
|
||||
|
||||
icon-keyboard {
|
||||
border: 2px 0px 2px 2px;
|
||||
border-radius: 4px 0px 0px 4px;
|
||||
border-color: darkgrey;
|
||||
background-color: grey;
|
||||
padding: 0px 10px 0px 10px;
|
||||
expand: false;
|
||||
size: 1.2em;
|
||||
filename: "keyboard";
|
||||
}
|
||||
|
||||
window {
|
||||
anchor: north;
|
||||
location: north;
|
||||
y-offset: 10px;
|
||||
width: 100%;
|
||||
background-color: black / 50%;
|
||||
padding: 0.5em;
|
||||
border-color: black;
|
||||
border: 0em 0.2em 0.2em;
|
||||
chilren: [ inputbar, message, listview ];
|
||||
}
|
||||
|
||||
mainbox {
|
||||
spacing: 1em;
|
||||
}
|
||||
|
||||
|
||||
listview {
|
||||
lines: 4;
|
||||
columns: 6;
|
||||
spacing: 1em;
|
||||
fixed-columns: true;
|
||||
}
|
||||
|
||||
element {
|
||||
orientation: vertical;
|
||||
border: 2px;
|
||||
border-radius: 4px ;
|
||||
border-color: darkgrey;
|
||||
background-color: grey;
|
||||
cursor: pointer;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
element-icon {
|
||||
size: 5%;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
element-text {
|
||||
horizontal-align: 0.5;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
handle-color: darkgrey;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ---- Message ---- */
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
textbox {
|
||||
margin: 10px;
|
||||
padding: 12px;
|
||||
border-radius: 10px;
|
||||
background-color: black / 50%;
|
||||
text-color: white;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
error-message {
|
||||
padding: 12px;
|
||||
border-radius: 20px;
|
||||
background-color: black / 50%;
|
||||
text-color: white;
|
||||
}
|
||||
@@ -0,0 +1,271 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL_Style 13 (thin) */
|
||||
|
||||
/* ---- 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}";
|
||||
|
||||
}
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/* ---- Global Properties ---- */
|
||||
* {
|
||||
background-alt: @color10;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: red;
|
||||
|
||||
text-selected: @background;
|
||||
text-color: @foreground;
|
||||
border-color: @selected;
|
||||
}
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
width: 15%;
|
||||
height: 80%;
|
||||
x-offset: 8px;
|
||||
y-offset: 0px;
|
||||
spacing: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border: 2px;
|
||||
border-color: @border-color;
|
||||
cursor: "default";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: false;
|
||||
enabled: true;
|
||||
border-radius: 12px;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
/* ---- Mainbox ---- */
|
||||
mainbox {
|
||||
enabled: true;
|
||||
orientation: vertical;
|
||||
padding: 0px;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
children: [ "inputbar", "imagebox" ];
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* ---- Imagebox ---- */
|
||||
imagebox {
|
||||
background-color: transparent;
|
||||
orientation: vertical;
|
||||
children: [ "mode-switcher", "listbox"];
|
||||
}
|
||||
|
||||
/* ---- Listbox ---- */
|
||||
listbox {
|
||||
spacing: 5px;
|
||||
orientation: vertical;
|
||||
children: [ "message", "listview" ];
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
border: 0px;
|
||||
border-color: @border-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ---- Dummy ---- */
|
||||
dummy {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ---- Inputbar ---- */
|
||||
inputbar {
|
||||
enabled: true;
|
||||
text-color: @foreground;
|
||||
spacing: 10px;
|
||||
padding: 30px;
|
||||
border-radius: 10px;
|
||||
border-color: @border-color;
|
||||
background-color: @background;
|
||||
background-image: url("~/.config/rofi/.current_wallpaper", width);
|
||||
children: [ "textbox-prompt-colon","entry" ];
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
padding: 6px 0px 6px 10px;
|
||||
expand: false;
|
||||
str: "⁉️";
|
||||
text-color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
entry {
|
||||
enabled: true;
|
||||
padding: 6px 0px 0px 0px;
|
||||
text-color: @foreground;
|
||||
cursor: text;
|
||||
border-radius: 12px;
|
||||
placeholder: "Type to search";
|
||||
placeholder-color: inherit;
|
||||
background-color: @background;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
/* ---- Mode Switcher ---- */
|
||||
mode-switcher{
|
||||
orientation: horizontal;
|
||||
enabled: true;
|
||||
padding: 8px;
|
||||
spacing: 12px;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
background-color: @background;
|
||||
text-color: inherit;
|
||||
cursor: pointer;
|
||||
border: 1px;
|
||||
border-color: @border-color;
|
||||
}
|
||||
|
||||
button selected {
|
||||
background-color: @active;
|
||||
text-color: @foreground;
|
||||
border: 1px;
|
||||
border-color: @background;
|
||||
|
||||
}
|
||||
|
||||
/* ---- Listview ---- */
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 1;
|
||||
lines: 10;
|
||||
spacing: 0px;
|
||||
dynamic: true;
|
||||
cycle: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: false;
|
||||
fixed-columns: true;
|
||||
background-color: transparent;
|
||||
cursor: "default";
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
handle-color: @active;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ---- Element ---- */
|
||||
element {
|
||||
enabled: true;
|
||||
padding: 15px;
|
||||
spacing: 10px;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
border-radius: 10px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element normal.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element normal.active {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
background-color: @active;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.active {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.normal {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.active {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
size: 30px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: @background-alt;
|
||||
margin: 10px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
textbox {
|
||||
padding: 10px;
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
error-message {
|
||||
padding: 15px;
|
||||
border-radius: 12px;
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
}
|
||||
@@ -0,0 +1,188 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 14 */
|
||||
|
||||
/* original design from: https://github.com/adi1090x/rofi */
|
||||
|
||||
/*****----- Configuration -----*****/
|
||||
configuration {
|
||||
modi: "drun";
|
||||
show-icons: true;
|
||||
display-drun: "Applications";
|
||||
drun-display-format: "{name}";
|
||||
}
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
background-alt: @color0;
|
||||
selected: @color13;
|
||||
active: @color12;
|
||||
urgent: #8E3596;
|
||||
}
|
||||
|
||||
/*****----- Main Window -----*****/
|
||||
window {
|
||||
transparency: "real";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: false;
|
||||
width: 40%;
|
||||
x-offset: 0px;
|
||||
y-offset: 0px;
|
||||
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 2px 0px 2px 0px;
|
||||
border-radius: 16px;
|
||||
border-color: @active;
|
||||
background-color: @background;
|
||||
cursor: "default";
|
||||
}
|
||||
|
||||
/*****----- Main Box -----*****/
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 30px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
children: [ "inputbar", "listview" ];
|
||||
}
|
||||
|
||||
/*****----- Inputbar -----*****/
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 16px;
|
||||
border-color: @selected;
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
children: [ "prompt", "entry" ];
|
||||
}
|
||||
|
||||
prompt {
|
||||
enabled: true;
|
||||
padding: 12px;
|
||||
border-radius: 16px;
|
||||
background-color: @active;
|
||||
text-color: @background;
|
||||
}
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
str: "::";
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
entry {
|
||||
enabled: true;
|
||||
padding: 12px;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
cursor: text;
|
||||
placeholder: "Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- Listview -----*****/
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 2;
|
||||
lines: 5;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
cursor: "default";
|
||||
}
|
||||
scrollbar {
|
||||
handle-width: 5px ;
|
||||
handle-color: @selected;
|
||||
border-radius: 0px;
|
||||
background-color: @background-alt;
|
||||
}
|
||||
|
||||
/*****----- Elements -----*****/
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
border: 0px solid;
|
||||
border-radius: 16px;
|
||||
border-color: @selected;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
cursor: pointer;
|
||||
}
|
||||
element normal.normal {
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
}
|
||||
element alternate.normal {
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
}
|
||||
element selected.normal {
|
||||
border: 0px 5px 0px 5px;
|
||||
border-radius: 16px;
|
||||
border-color: @selected;
|
||||
background-color: @background-alt;
|
||||
text-color: @selected;
|
||||
}
|
||||
element-icon {
|
||||
padding: 0px 0px 0px 10px;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
size: 32px;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
padding: 10px;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
highlight: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
error-message {
|
||||
padding: 15px;
|
||||
border: 2px solid;
|
||||
border-radius: 16px;
|
||||
border-color: @selected;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
}
|
||||
textbox {
|
||||
background-color: @active;
|
||||
padding: 10px;
|
||||
border-radius: 16px;
|
||||
text-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
highlight: none;
|
||||
}
|
||||
@@ -0,0 +1,141 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 15 */
|
||||
/* original design: https://github.com/arkboix/dotfiles */
|
||||
|
||||
|
||||
configuration {
|
||||
modi: "drun,run,filebrowser";
|
||||
show-icons: true;
|
||||
display-drun: " ";
|
||||
display-run: " ";
|
||||
display-filebrowser: " ";
|
||||
display-window: " ";
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
* {
|
||||
base03: #002b36;
|
||||
base02: #073642;
|
||||
base01: #586e75;
|
||||
base00: #657b83;
|
||||
base0: #839496;
|
||||
base1: #93a1a1;
|
||||
base2: #eee8d5;
|
||||
base3: #fdf6e3;
|
||||
yellow: #b58900;
|
||||
orange: #cb4b16;
|
||||
red: #dc322f;
|
||||
magenta: #d33682;
|
||||
violet: #6c71c4;
|
||||
blue: #268bd2;
|
||||
cyan: #2aa198;
|
||||
green: #859900;
|
||||
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
window {
|
||||
transparency: "real";
|
||||
background-color: #002b36E6;
|
||||
width: 60%;
|
||||
border-radius: 12px;
|
||||
padding: 2% 2%;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
background-color: transparent;
|
||||
children: [ inputbar, message, listview ];
|
||||
spacing: 20px;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
background-color: @base02;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
spacing: 10px;
|
||||
children: [ entry ];
|
||||
}
|
||||
|
||||
prompt {
|
||||
text-color: @red;
|
||||
}
|
||||
|
||||
entry {
|
||||
placeholder: "Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
placeholder-color: @base01;
|
||||
text-color: @red;
|
||||
}
|
||||
|
||||
listview {
|
||||
background-color: transparent;
|
||||
columns: 5;
|
||||
lines: 4;
|
||||
fixed-height: false;
|
||||
dynamic: true;
|
||||
cycle: false;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
spacing: 10px;
|
||||
}
|
||||
|
||||
element {
|
||||
background-color: @base02;
|
||||
orientation: vertical;
|
||||
border-radius: 6px;
|
||||
padding: 15px 10px;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
size: 3%;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
element-text {
|
||||
text-color: @base00;
|
||||
horizontal-align: 0.5;
|
||||
vertical-align: 0.5;
|
||||
}
|
||||
|
||||
element selected {
|
||||
border: 0px 3px 0px 3px;
|
||||
border-radius: 16px;
|
||||
border-color: @red;
|
||||
background-color: @base03;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
border-color: transparent;
|
||||
handle-color: @green;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: @base00;
|
||||
border-radius: 12px;
|
||||
}
|
||||
error-message {
|
||||
padding: 6px;
|
||||
border: 2px solid;
|
||||
border-radius: 12px;
|
||||
border-color: @base3;
|
||||
background-color: @base03;
|
||||
text-color: @red;
|
||||
}
|
||||
textbox {
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
highlight: none;
|
||||
}
|
||||
@@ -0,0 +1,188 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 2 Dark */
|
||||
/* Source: https://github.com/adi1090x/rofi */
|
||||
|
||||
|
||||
/* ****----- Configuration -----**** */
|
||||
configuration {
|
||||
modi: "drun,filebrowser,window";
|
||||
show-icons: true;
|
||||
display-drun: " apps";
|
||||
display-run: " term";
|
||||
display-filebrowser: " files";
|
||||
display-window: " window";
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
|
||||
}
|
||||
|
||||
/*****----- Main Window -----*****/
|
||||
window {
|
||||
/* properties for window widget */
|
||||
transparency: "real";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: false;
|
||||
width: 60%;
|
||||
x-offset: 0px;
|
||||
y-offset: 0px;
|
||||
|
||||
/* properties for all widgets */
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border-radius: 12px;
|
||||
cursor: "default";
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/*****----- Main Box -----*****/
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 20px;
|
||||
margin: 10px;
|
||||
padding: 15px;
|
||||
border-radius: 12px;
|
||||
background-color: black/90%;
|
||||
children: [ "inputbar", "mode-switcher", "message", "listview" ];
|
||||
}
|
||||
|
||||
/*****----- Inputbar -----*****/
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 0px;
|
||||
margin: 0px;
|
||||
padding: 20px 0px 20px 0px;
|
||||
border: 0px 0px 2px 0px;
|
||||
border-radius: 0px;
|
||||
border-color: gray/20%;
|
||||
background-color: black/50%;
|
||||
children: [ "entry" ];
|
||||
}
|
||||
|
||||
entry {
|
||||
enabled: true;
|
||||
background-color: black/50%;
|
||||
text-color: white/75%;
|
||||
cursor: text;
|
||||
placeholder: "Type to search";
|
||||
placeholder-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
/*****----- Listview -----*****/
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 3;
|
||||
lines: 3;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
|
||||
spacing: 40px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
background-color: transparent;
|
||||
cursor: "default";
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 1px;
|
||||
border-radius: 10px;
|
||||
background-color: inherit;
|
||||
handle-color: #719DF9;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*****----- Elements -----*****/
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 10px;
|
||||
padding: 20px;
|
||||
border: 1px solid;
|
||||
border-radius: 8px;
|
||||
border-color: white/30%;
|
||||
background-color: black;
|
||||
text-color: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
element normal.active {
|
||||
background-color: #67FF80;
|
||||
text-color: black;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
background-color: #c19419;
|
||||
text-color: black;
|
||||
}
|
||||
element selected.active {
|
||||
background-color: #FF7F7C;
|
||||
text-color: white;
|
||||
}
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
size: 48px;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/*****----- Mode Switcher -----*****/
|
||||
mode-switcher{
|
||||
enabled: true;
|
||||
expand: false;
|
||||
spacing: 20px;
|
||||
margin: 0px 10%;
|
||||
background-color: transparent;
|
||||
text-color: white;
|
||||
}
|
||||
button {
|
||||
padding: 6px;
|
||||
border: 0px solid;
|
||||
border-radius: 100%;
|
||||
background-color: #719DF9;
|
||||
text-color: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
button selected {
|
||||
background-color: #F37277;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
error-message {
|
||||
padding: 20px;
|
||||
}
|
||||
textbox {
|
||||
padding: 10px;
|
||||
background-color: #719DF9;
|
||||
text-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,189 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 2 Light */
|
||||
/* credit: https://github.com/adi1090x/rofi */
|
||||
|
||||
|
||||
/*****----- Configuration -----*****/
|
||||
configuration {
|
||||
modi: "drun,filebrowser,window";
|
||||
show-icons: true;
|
||||
display-drun: " apps";
|
||||
display-run: " term";
|
||||
display-filebrowser: " files";
|
||||
display-window: " window";
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
|
||||
}
|
||||
|
||||
/*****----- Main Window -----*****/
|
||||
window {
|
||||
/* properties for window widget */
|
||||
transparency: "real";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: false;
|
||||
width: 60%;
|
||||
x-offset: 0px;
|
||||
y-offset: 0px;
|
||||
|
||||
/* properties for all widgets */
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border-radius: 12px;
|
||||
cursor: "default";
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- Main Box -----*****/
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 20px;
|
||||
margin: 10px;
|
||||
padding: 20px;
|
||||
border-radius: 12px;
|
||||
background-color: white/90%;
|
||||
children: [ "inputbar", "mode-switcher", "message", "listview" ];
|
||||
}
|
||||
|
||||
/*****----- Inputbar -----*****/
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px 10px 10px 0px;
|
||||
border: 0px 0px 2px 0px;
|
||||
border-radius: 0px;
|
||||
border-color: gray/20%;
|
||||
background-color: transparent;
|
||||
children: [ "entry" ];
|
||||
}
|
||||
|
||||
entry {
|
||||
enabled: true;
|
||||
background-color: inherit;
|
||||
text-color: black;
|
||||
cursor: text;
|
||||
placeholder: "Type to search";
|
||||
placeholder-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
/*****----- Listview -----*****/
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 3;
|
||||
lines: 3;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
|
||||
spacing: 40px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
background-color: transparent;
|
||||
cursor: "default";
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: inherit;
|
||||
handle-color: gray/50%;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*****----- Elements -----*****/
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 20px 0px 20px 0px;
|
||||
border: 1px solid;
|
||||
border-radius: 8px;
|
||||
border-color: gray/30%;
|
||||
background-color: white;
|
||||
text-color: black;
|
||||
cursor: pointer;
|
||||
}
|
||||
element normal.active {
|
||||
background-color: #67FF80;
|
||||
text-color: black;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
background-color: #FDD66F;
|
||||
text-color: black;
|
||||
}
|
||||
|
||||
element selected.active {
|
||||
background-color: #FF7F7C;
|
||||
text-color: black;
|
||||
}
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
size: 48px;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/*****----- Mode Switcher -----*****/
|
||||
mode-switcher{
|
||||
enabled: true;
|
||||
expand: false;
|
||||
spacing: 20px;
|
||||
margin: 0px 10%;
|
||||
background-color: transparent;
|
||||
text-color: white;
|
||||
}
|
||||
button {
|
||||
padding: 6px;
|
||||
border: 0px solid;
|
||||
border-radius: 100%;
|
||||
background-color: #719DF9;
|
||||
text-color: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
button selected {
|
||||
background-color: #F37277;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
error-message {
|
||||
padding: 20px;
|
||||
}
|
||||
textbox {
|
||||
padding: 10px;
|
||||
background-color: #719DF9;
|
||||
text-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,252 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi 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}";
|
||||
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;
|
||||
}
|
||||
|
||||
/* ---- 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;
|
||||
}
|
||||
@@ -0,0 +1,224 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 3 - Full screen v2 */
|
||||
/* credit: https://github.com/adi1090x/rofi */
|
||||
|
||||
/*****----- Configuration -----*****/
|
||||
configuration {
|
||||
modi: "drun,run,filebrowser";
|
||||
show-icons: true;
|
||||
display-drun: " apps";
|
||||
display-run: " term";
|
||||
display-filebrowser: " files";
|
||||
display-window: " window";
|
||||
display-ssh: " SSH";
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
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: @color7;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: red;
|
||||
|
||||
border-color: @selected;
|
||||
handle-color: @selected;
|
||||
background-color: @background;
|
||||
foreground-color: @foreground;
|
||||
alternate-background: @background-alt;
|
||||
normal-background: @background;
|
||||
normal-foreground: @foreground;
|
||||
urgent-background: @urgent;
|
||||
urgent-foreground: @background;
|
||||
active-background: @active;
|
||||
active-foreground: @background;
|
||||
selected-normal-background: @selected;
|
||||
selected-normal-foreground: @background;
|
||||
selected-urgent-background: @active;
|
||||
selected-urgent-foreground: @background;
|
||||
selected-active-background: @urgent;
|
||||
selected-active-foreground: @background;
|
||||
alternate-normal-background: @background;
|
||||
alternate-normal-foreground: @foreground;
|
||||
alternate-urgent-background: @urgent;
|
||||
alternate-urgent-foreground: @background;
|
||||
alternate-active-background: @active;
|
||||
alternate-active-foreground: @background;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*****----- Main Window -----*****/
|
||||
window {
|
||||
transparency: "real";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: true;
|
||||
x-offset: 0px;
|
||||
y-offset: 0px;
|
||||
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px;
|
||||
border-color: @selected;
|
||||
background-color: black / 10%;
|
||||
cursor: "default";
|
||||
}
|
||||
|
||||
/*****----- Main Box -----*****/
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 100px;
|
||||
margin: 0px;
|
||||
padding: 100px 225px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
children: [ "inputbar", "message", "listview" ];
|
||||
}
|
||||
|
||||
/*****----- Inputbar -----*****/
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0% 28%;
|
||||
padding: 10px;
|
||||
border: 1px solid;
|
||||
border-radius: 6px;
|
||||
border-color: white / 25%;
|
||||
background-color: white / 5%;
|
||||
text-color: @foreground;
|
||||
children: [ "prompt", "entry" ];
|
||||
}
|
||||
|
||||
prompt {
|
||||
enabled: true;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
}
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
str: "::";
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
}
|
||||
entry {
|
||||
enabled: true;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
cursor: text;
|
||||
placeholder: " Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- Listview -----*****/
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 7;
|
||||
lines: 4;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
|
||||
spacing: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
cursor: "default";
|
||||
}
|
||||
scrollbar {
|
||||
handle-width: 2px ;
|
||||
handle-color: @selected;
|
||||
border-radius: 0px;
|
||||
background-color: @background-alt;
|
||||
}
|
||||
|
||||
/*****----- Elements -----*****/
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 15px;
|
||||
margin: 0px;
|
||||
padding: 35px 10px;
|
||||
border: 0px solid;
|
||||
border-radius: 15px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
orientation: vertical;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.normal {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.selected {
|
||||
background-color: white/50%;
|
||||
text-color: @foreground;
|
||||
border-radius: 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
size: 7%;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
highlight: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
error-message {
|
||||
padding: 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
textbox {
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
background-color: white / 10%;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
highlight: none;
|
||||
}
|
||||
@@ -0,0 +1,324 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 4 */
|
||||
/* credit: https://github.com/adi1090x/rofi */
|
||||
|
||||
/*****----- 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}";
|
||||
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: @color1;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: #F7768E;
|
||||
|
||||
border-color: @color11;
|
||||
handle-color: @selected;
|
||||
background-color: @background;
|
||||
foreground-color: @foreground;
|
||||
alternate-background: @background-alt;
|
||||
normal-background: @background;
|
||||
normal-foreground: @foreground;
|
||||
urgent-background: @urgent;
|
||||
urgent-foreground: @background;
|
||||
active-background: @active;
|
||||
active-foreground: @background;
|
||||
selected-normal-background: @selected;
|
||||
selected-normal-foreground: @background;
|
||||
selected-urgent-background: @active;
|
||||
selected-urgent-foreground: @background;
|
||||
selected-active-background: @urgent;
|
||||
selected-active-foreground: @color12;
|
||||
alternate-normal-background: @background;
|
||||
alternate-normal-foreground: @foreground;
|
||||
alternate-urgent-background: @urgent;
|
||||
alternate-urgent-foreground: @background;
|
||||
alternate-active-background: @active;
|
||||
alternate-active-foreground: @background;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*****----- Main Window -----*****/
|
||||
window {
|
||||
/* properties for window widget */
|
||||
transparency: "real";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: false;
|
||||
width: 35%;
|
||||
x-offset: 0px;
|
||||
y-offset: 0px;
|
||||
|
||||
/* properties for all widgets */
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 10px;
|
||||
border-color: @border-color;
|
||||
cursor: "default";
|
||||
/* Backgroud Colors */
|
||||
background-color: @background-color;
|
||||
}
|
||||
|
||||
/*****----- Main Box -----*****/
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 20px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border-color: @border-color;
|
||||
background-color: inherit;
|
||||
children: [ "inputbar", "message", "custombox" ];
|
||||
}
|
||||
|
||||
/*****----- A Custom Box -----*****/
|
||||
custombox {
|
||||
spacing: 0px;
|
||||
background-color: @background-color;
|
||||
text-color: @foreground-color;
|
||||
orientation: horizontal;
|
||||
children: [ "mode-switcher", "listview" ];
|
||||
}
|
||||
|
||||
/*****----- Inputbar -----*****/
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 8px 12px;
|
||||
border: 0px solid;
|
||||
border-radius: 8px;
|
||||
border-color: @border-color;
|
||||
background-color: @alternate-background;
|
||||
text-color: @foreground;
|
||||
children: [ "textbox-prompt-colon", "entry" ];
|
||||
}
|
||||
|
||||
prompt {
|
||||
enabled: true;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
padding: 5px 0px;
|
||||
expand: false;
|
||||
str: " 🔎";
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
entry {
|
||||
enabled: true;
|
||||
padding: 5px 0px;
|
||||
background-color: @alternate-background;
|
||||
text-color: @foreground;
|
||||
cursor: text;
|
||||
placeholder: "Search...";
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
num-filtered-rows {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
textbox-num-sep {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
str: "/";
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
num-rows {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
case-indicator {
|
||||
enabled: true;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- Listview -----*****/
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 1;
|
||||
lines: 6;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
|
||||
spacing: 5px;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
border: 2px 2px 2px 2px;
|
||||
border-radius: 8px;
|
||||
border-color: @border-color;
|
||||
background-color: transparent;
|
||||
text-color: @foreground-color;
|
||||
cursor: "default";
|
||||
}
|
||||
scrollbar {
|
||||
handle-width: 2px ;
|
||||
handle-color: @handle-color;
|
||||
border-radius: 10px;
|
||||
background-color: @alternate-background;
|
||||
}
|
||||
|
||||
/*****----- Elements -----*****/
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
border: 0px solid;
|
||||
border-radius: 8px;
|
||||
border-color: @border-color;
|
||||
background-color: transparent;
|
||||
text-color: @foreground-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
element normal.normal {
|
||||
background-color: transparent;
|
||||
text-color: @normal-foreground;
|
||||
}
|
||||
element normal.urgent {
|
||||
background-color: @urgent-background;
|
||||
text-color: @urgent-foreground;
|
||||
}
|
||||
element normal.active {
|
||||
background-color: transparent;
|
||||
text-color: @active-foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
background-color: @selected-normal-background;
|
||||
text-color: @selected-normal-foreground;
|
||||
}
|
||||
element selected.urgent {
|
||||
background-color: @selected-urgent-background;
|
||||
text-color: @selected-urgent-foreground;
|
||||
}
|
||||
element selected.active {
|
||||
background-color: @selected-active-background;
|
||||
text-color: @selected-active-foreground;
|
||||
}
|
||||
element alternate.normal {
|
||||
background-color: @alternate-normal-background;
|
||||
text-color: @alternate-normal-foreground;
|
||||
}
|
||||
element alternate.urgent {
|
||||
background-color: @alternate-urgent-background;
|
||||
text-color: @alternate-urgent-foreground;
|
||||
}
|
||||
element alternate.active {
|
||||
background-color: @alternate-active-background;
|
||||
text-color: @alternate-active-foreground;
|
||||
}
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
highlight: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/*****----- Mode Switcher -----*****/
|
||||
mode-switcher{
|
||||
enabled: true;
|
||||
expand: false;
|
||||
orientation: vertical;
|
||||
spacing: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 8px 0px 0px 8px;
|
||||
border-color: @border-color;
|
||||
background-color: @alternate-background;
|
||||
text-color: @foreground-color;
|
||||
}
|
||||
button {
|
||||
padding: 0px 20px 0px 20px;
|
||||
border: 0px 0px 0px 0px;
|
||||
border-radius: 8px;
|
||||
border-color: @border-color;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
cursor: pointer;
|
||||
}
|
||||
button selected {
|
||||
border: 2px 0px 2px 2px;
|
||||
border-radius: 6px;
|
||||
border-color: @border-color;
|
||||
background-color: @selected-normal-foreground;
|
||||
text-color: @selected-normal-background;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border-color: @border-color;
|
||||
background-color: transparent;
|
||||
text-color: @foreground-color;
|
||||
}
|
||||
textbox {
|
||||
padding: 12px;
|
||||
border: 0px solid;
|
||||
border-radius: 8px;
|
||||
border-color: @border-color;
|
||||
background-color: @color0;
|
||||
text-color: @foreground-color;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
highlight: none;
|
||||
placeholder-color: @foreground-color;
|
||||
blink: true;
|
||||
markup: true;
|
||||
}
|
||||
error-message {
|
||||
padding: 10px;
|
||||
border: 2px solid;
|
||||
border-radius: 8px;
|
||||
border-color: @border-color;
|
||||
background-color: @background-color;
|
||||
text-color: @foreground-color;
|
||||
}
|
||||
@@ -0,0 +1,268 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 5 */
|
||||
|
||||
/* ---- Configuration ---- */
|
||||
configuration {
|
||||
modi: "drun,run,filebrowser";
|
||||
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}";
|
||||
}
|
||||
|
||||
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/* ---- Global Properties ---- */
|
||||
* {
|
||||
|
||||
background-alt: @color1;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: red;
|
||||
|
||||
text-selected: @background;
|
||||
text-color: @foreground;
|
||||
border-color: @selected;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
width: 800px;
|
||||
/*height: 450px;*/
|
||||
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-color: @background-color;
|
||||
}
|
||||
|
||||
/* ---- Mainbox ---- */
|
||||
mainbox {
|
||||
enabled: true;
|
||||
orientation: vertical;
|
||||
padding: 8px;
|
||||
background-image: url("~/.config/rofi/.current_wallpaper", width);
|
||||
children: [ "inputbar", "listbox" ];
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* ---- Imagebox ---- */
|
||||
imagebox {
|
||||
background-color: transparent;
|
||||
orientation: vertical;
|
||||
/*children: [ "inputbar"];*/
|
||||
}
|
||||
|
||||
/* ---- Listbox ---- */
|
||||
listbox {
|
||||
spacing: 4px;
|
||||
orientation: vertical;
|
||||
children: [ "message", "listview" ];
|
||||
padding: 10px;
|
||||
border-radius: 12px;
|
||||
border: 1px;
|
||||
border-color: @active-background;
|
||||
background-color: @background;
|
||||
}
|
||||
|
||||
/* ---- Dummy ---- */
|
||||
dummy {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ---- Inputbar ---- */
|
||||
inputbar {
|
||||
enabled: true;
|
||||
text-color: @foreground;
|
||||
spacing: 10px;
|
||||
border-radius: 12px;
|
||||
border-color: @foreground;
|
||||
background-color: @background;
|
||||
children: [ "mode-switcher", "textbox-prompt-colon", "entry" ];
|
||||
border: 1px;
|
||||
border-color: @active-background;
|
||||
}
|
||||
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
padding: 10px 0px 10px 10px;
|
||||
expand: false;
|
||||
str: "🐧";
|
||||
text-color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
entry {
|
||||
enabled: true;
|
||||
padding: 10px 0px 10px 0px;
|
||||
text-color: @foreground;
|
||||
cursor: text;
|
||||
placeholder: " Search";
|
||||
placeholder-color: inherit;
|
||||
background-color: @background;
|
||||
}
|
||||
|
||||
/* ---- Mode Switcher ---- */
|
||||
mode-switcher{
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 2px 24px 2px 24px;
|
||||
border-radius: 12px;
|
||||
background-color: @background;
|
||||
text-color: inherit;
|
||||
cursor: pointer;
|
||||
border: 1px;
|
||||
border-color: @active-background;
|
||||
}
|
||||
|
||||
button selected {
|
||||
background-color: @selected;
|
||||
text-color: @foreground;
|
||||
border: 1px;
|
||||
border-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
/* ---- Listview ---- */
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 2;
|
||||
lines: 6;
|
||||
spacing: 5px;
|
||||
padding: 6px;
|
||||
dynamic: true;
|
||||
cycle: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: false;
|
||||
background-color: @background;
|
||||
border-radius: 12px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
handle-color: @active;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ---- Element ---- */
|
||||
element {
|
||||
enabled: true;
|
||||
padding: 12px;
|
||||
margin: 2px;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element normal.urgent {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element normal.active {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
background-color: @active;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element selected.urgent {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element selected.active {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element alternate.normal {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element alternate.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.active {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
size: 32px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0;
|
||||
}
|
||||
|
||||
/* ---- Message ---- */
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
textbox {
|
||||
padding: 12px;
|
||||
border-radius: 10px;
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
error-message {
|
||||
padding: 12px;
|
||||
border-radius: 12px;
|
||||
background-color: @background-alt;
|
||||
text-color: @background;
|
||||
}
|
||||
@@ -0,0 +1,237 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 6 */
|
||||
|
||||
/* ---- 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}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
}
|
||||
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/* ---- Global Properties ---- */
|
||||
* {
|
||||
|
||||
background-alt: @color1;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: red;
|
||||
|
||||
text-selected: @background;
|
||||
text-color: @foreground;
|
||||
border-color: @selected;
|
||||
}
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
// Default
|
||||
enabled: true;
|
||||
fullscreen: false;
|
||||
transparency: "real";
|
||||
cursor: "default";
|
||||
spacing: 0px;
|
||||
border: 2px;
|
||||
border-radius: 30px;
|
||||
location: center;
|
||||
anchor: center;
|
||||
|
||||
// Style Values
|
||||
width: 50%;
|
||||
background-color: #00000099;
|
||||
}
|
||||
|
||||
/* ----- Main Box ----- */
|
||||
mainbox {
|
||||
enabled: true;
|
||||
orientation: vertical;
|
||||
children: [ "inputbar", "listbox" ];
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Inputbar ---- */
|
||||
inputbar {
|
||||
enabled: true;
|
||||
padding: 10px 10px 150px 10px;
|
||||
margin: 10px;
|
||||
background-color: transparent;
|
||||
border-radius: 25px;
|
||||
orientation: horizontal;
|
||||
children: ["entry", "dummy", "mode-switcher" ];
|
||||
background-image: url("~/.config/rofi/.current_wallpaper", width);
|
||||
}
|
||||
|
||||
/* ---- Entry input ---- */
|
||||
entry {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
width: 300px;
|
||||
padding: 10px;
|
||||
border-radius: 12px;
|
||||
background-color: @background;
|
||||
text-color: inherit;
|
||||
cursor: text;
|
||||
placeholder: " Search "; // << Search symbol
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
|
||||
/* ---- Listbox ---- */
|
||||
listbox {
|
||||
spacing: 10px;
|
||||
padding: 10px;
|
||||
background-color: transparent;
|
||||
orientation: vertical;
|
||||
children: [ "message", "listview" ];
|
||||
}
|
||||
|
||||
/* ---- 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;
|
||||
padding: 10px;
|
||||
background-color: transparent;
|
||||
|
||||
// Adapt rofi theme
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
handle-color: @active;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
/* ---- 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: @background;
|
||||
text-color: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
button selected {
|
||||
background-color: @active;
|
||||
text-color: @text-selected;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Elements ---- */
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
padding: 15px;
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
element normal.urgent {
|
||||
background-color: @urgent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element normal.active {
|
||||
background-color: @active;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.normal {
|
||||
background-color: @color11;
|
||||
text-color: @text-selected;
|
||||
}
|
||||
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 {
|
||||
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.0;
|
||||
|
||||
}
|
||||
|
||||
/* ---- Message ---- */
|
||||
message {
|
||||
background-color: @background;
|
||||
border: 0px;
|
||||
}
|
||||
textbox {
|
||||
margin: 10px;
|
||||
padding: 12px;
|
||||
border-radius: 10px;
|
||||
background-color: @active;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
error-message {
|
||||
padding: 12px;
|
||||
border-radius: 20px;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
}
|
||||
@@ -0,0 +1,196 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 7 */
|
||||
|
||||
/* original design from: https://github.com/adi1090x/rofi */
|
||||
|
||||
/*****----- Configuration -----*****/
|
||||
configuration {
|
||||
modi: "drun,run,filebrowser,window";
|
||||
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";
|
||||
}
|
||||
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
background-alt: @color1;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: #8E3596;
|
||||
}
|
||||
|
||||
/*****----- Main Window -----*****/
|
||||
window {
|
||||
transparency: "real";
|
||||
location: center;
|
||||
anchor: center;
|
||||
fullscreen: false;
|
||||
width: 40%;
|
||||
x-offset: 0px;
|
||||
y-offset: 0px;
|
||||
|
||||
enabled: true;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 20px;
|
||||
border-color: @selected;
|
||||
background-color: @background-alt;
|
||||
cursor: "default";
|
||||
}
|
||||
|
||||
/*****----- Main Box -----*****/
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 15px;
|
||||
margin: 40px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
children: [ "inputbar", "message", "listview" ];
|
||||
}
|
||||
|
||||
/*****----- Inputbar -----*****/
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 100%;
|
||||
border-color: @selected;
|
||||
background-color: @background-alt;
|
||||
text-color: @foreground;
|
||||
children: [ "entry" ];
|
||||
}
|
||||
|
||||
prompt {
|
||||
enabled: true;
|
||||
padding: 15px;
|
||||
border-radius: 100%;
|
||||
background-color: @selected;
|
||||
text-color: @background;
|
||||
}
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
str: ":::";
|
||||
padding: 15px;
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
entry {
|
||||
enabled: true;
|
||||
padding: 15px 0px;
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
cursor: text;
|
||||
placeholder: "Search... 👀 NOTE: CTRL TAB to change MODE";
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
|
||||
/*****----- 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: 15px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
cursor: "default";
|
||||
}
|
||||
scrollbar {
|
||||
handle-width: 2px ;
|
||||
handle-color: @selected;
|
||||
border-radius: 0px;
|
||||
background-color: @background-alt;
|
||||
}
|
||||
|
||||
/*****----- Elements -----*****/
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 10px;
|
||||
margin: 0px;
|
||||
padding: 20px;
|
||||
border: 0px solid;
|
||||
border-radius: 0px;
|
||||
border-color: @selected;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
orientation: horizontal;
|
||||
cursor: pointer;
|
||||
}
|
||||
element normal.normal {
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
border-radius: 30px;
|
||||
background-color: @color11;
|
||||
text-color: @foreground;
|
||||
}
|
||||
element-icon {
|
||||
padding: 0px;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
size: 5%;
|
||||
cursor: inherit;
|
||||
}
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
highlight: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
error-message {
|
||||
padding: 20px;
|
||||
border: 2px solid;
|
||||
border-radius: 20px;
|
||||
border-color: @active;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
}
|
||||
textbox {
|
||||
padding: 10px;
|
||||
border-radius: 20px;
|
||||
background-color: @selected;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
highlight: none;
|
||||
}
|
||||
@@ -0,0 +1,238 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 8 */
|
||||
|
||||
|
||||
/* ---- Configuration ---- */
|
||||
configuration {
|
||||
modi: "drun,filebrowser,window,run";
|
||||
show-icons: true;
|
||||
display-drun: " apps";
|
||||
display-run: " term";
|
||||
display-filebrowser: " files";
|
||||
display-window: " window";
|
||||
drun-display-format: "{name}";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/* ---- Global Properties ---- */
|
||||
* {
|
||||
|
||||
border-width: 2px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
width: 50%;
|
||||
transparency: "real";
|
||||
fullscreen: false;
|
||||
enabled: true;
|
||||
cursor: "default";
|
||||
spacing: 0em;
|
||||
padding: 0em;
|
||||
border: @border-width;
|
||||
border-color: @color12;
|
||||
border-radius: @border-radius;
|
||||
background-color: @background;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
enabled: true;
|
||||
spacing: 0em;
|
||||
padding: 0em;
|
||||
orientation: vertical;
|
||||
children: [ "inputbar" , "mode-switcher", "message", "listbox" ];
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Inputbar ---- */
|
||||
inputbar {
|
||||
enabled: true;
|
||||
spacing: 0em;
|
||||
padding: 4em;
|
||||
children: [ "textbox-prompt-colon", "entry" ];
|
||||
background-color: transparent;
|
||||
background-image: url("~/.config/rofi/.current_wallpaper", width);
|
||||
}
|
||||
|
||||
textbox-prompt-colon {
|
||||
enabled: true;
|
||||
expand: false;
|
||||
str: " ➡️";
|
||||
padding: 1em 0.2em 0em 0em;
|
||||
text-color: @foreground;
|
||||
border-radius: 2em 0em 0em 2em;
|
||||
background-color: @background;
|
||||
}
|
||||
|
||||
entry {
|
||||
enabled: true;
|
||||
border-radius: 0em 2em 2em 0em;
|
||||
spacing: 1em;
|
||||
padding: 1em;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
cursor: text;
|
||||
placeholder: " Search";
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
|
||||
/* ---- Listbox ---- */
|
||||
listbox {
|
||||
padding: 0em;
|
||||
spacing: 0em;
|
||||
orientation: horizontal;
|
||||
children: [ "listview" ];
|
||||
background-color: @background;
|
||||
}
|
||||
|
||||
/* ---- Listview ---- */
|
||||
listview {
|
||||
padding: 0.5em;
|
||||
spacing: 0.5em;
|
||||
enabled: true;
|
||||
columns: 2;
|
||||
lines: 4;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: true;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
cursor: "default";
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Mode Switcher ---- */
|
||||
mode-switcher {
|
||||
orientation: horizontal;
|
||||
width: 2em;
|
||||
enabled: true;
|
||||
padding: 0.7em;
|
||||
spacing: 1em;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
border-radius: 2em;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
button selected {
|
||||
background-color: @color12;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
handle-color: @color11;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ---- Elements ---- */
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 0em;
|
||||
padding: 0.8em;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected.normal {
|
||||
background-color: @color11;
|
||||
text-color: @foreground;
|
||||
border-radius: 1.5em;
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element normal.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element normal.active {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.active {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.normal {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.urgent {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element alternate.active {
|
||||
background-color: inherit;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
size: 2em;
|
||||
cursor: inherit;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
element-text {
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
cursor: inherit;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
}
|
||||
|
||||
/* ---- Message ---- */
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
textbox {
|
||||
margin: 12px;
|
||||
padding: 12px;
|
||||
border-radius: @border-radius;
|
||||
background-color: @color12;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
error-message {
|
||||
padding: 0px;
|
||||
border-radius: @border-radius;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
}
|
||||
@@ -0,0 +1,202 @@
|
||||
/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
|
||||
/* KooL Hyprland Rofi Style 9 */
|
||||
/* Modified version of Rofi Config which was submitted by https://github.com/lonerOrz via Discord */
|
||||
|
||||
/* Integrating Wallust and More tweaks */
|
||||
|
||||
|
||||
configuration {
|
||||
show-icons: true;
|
||||
display-drun: "";
|
||||
drun-display-format: "{icon} {name}";
|
||||
disable-history: false;
|
||||
click-to-exit: true;
|
||||
location: 0;
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
}
|
||||
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/*****----- Global Properties -----*****/
|
||||
* {
|
||||
BG: @background;
|
||||
BGA: @color11;
|
||||
FG: @foreground;
|
||||
FGA: #F28FADff;
|
||||
BDR: @color12;
|
||||
SEL: #1E1E2Eff;
|
||||
UGT: #F28FADff;
|
||||
IMG: #FAE3B0ff;
|
||||
OFF: #575268ff;
|
||||
ON: #ABE9B3ff;
|
||||
}
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
transparency: "real";
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
border: 2px;
|
||||
border-color: @BDR;
|
||||
border-radius: 10px;
|
||||
width: 25%;
|
||||
anchor: center;
|
||||
x-offset: 0;
|
||||
y-offset: 0;
|
||||
}
|
||||
|
||||
prompt {
|
||||
enabled: true;
|
||||
padding: 8px;
|
||||
background-color: @BG;
|
||||
text-color: @IMG;
|
||||
}
|
||||
|
||||
textbox-prompt-colon {
|
||||
expand: false;
|
||||
str: "";
|
||||
border-radius: 100%;
|
||||
background-color: @SEL;
|
||||
text-color: @FG;
|
||||
padding: 8px 12px 8px 12px;
|
||||
}
|
||||
|
||||
entry {
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
placeholder-color: @FG;
|
||||
expand: true;
|
||||
horizontal-align: 0;
|
||||
placeholder: "Search 👀 NOTE: CTRL TAB to change MODE";
|
||||
blink: true;
|
||||
border: 0px 0px 2px 0px;
|
||||
border-color: @BDR;
|
||||
border-radius: 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
inputbar {
|
||||
children: [ textbox-prompt-colon, entry ];
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
expand: false;
|
||||
border: 0px 0px 0px 0px;
|
||||
border-radius: 0px;
|
||||
border-color: @BDR;
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px;
|
||||
position: center;
|
||||
}
|
||||
|
||||
case-indicator {
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
listview {
|
||||
background-color: @BG;
|
||||
columns: 1;
|
||||
lines: 7;
|
||||
spacing: 4px;
|
||||
cycle: false;
|
||||
dynamic: true;
|
||||
layout: vertical;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
handle-color: @BDR;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
mainbox {
|
||||
background-color: @BG;
|
||||
children: [ inputbar, message, listview ];
|
||||
spacing: 15px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
element {
|
||||
background-color: @BG;
|
||||
text-color: @FG;
|
||||
orientation: horizontal;
|
||||
border-radius: 4px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
element-icon {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
horizontal-align: 0.5;
|
||||
vertical-align: 0.5;
|
||||
size: 24px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
element-text {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
expand: true;
|
||||
horizontal-align: 0;
|
||||
vertical-align: 0.5;
|
||||
margin: 2px 0px 2px 2px;
|
||||
}
|
||||
|
||||
|
||||
element normal.urgent,
|
||||
element alternate.urgent {
|
||||
background-color: @UGT;
|
||||
text-color: @FG;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
element normal.active,
|
||||
element alternate.active {
|
||||
background-color: @BGA;
|
||||
text-color: @FG;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element selected {
|
||||
background-color: @BGA;
|
||||
text-color: @SEL;
|
||||
border: 0px 0px 0px 0px;
|
||||
border-radius: 10px;
|
||||
border-color: @BDR;
|
||||
}
|
||||
|
||||
element selected.urgent {
|
||||
background-color: @UGT;
|
||||
text-color: @FG;
|
||||
}
|
||||
|
||||
element selected.active {
|
||||
background-color: @BGA;
|
||||
color: @FG;
|
||||
}
|
||||
|
||||
/*****----- Message -----*****/
|
||||
message {
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
error-message {
|
||||
padding: 20px;
|
||||
}
|
||||
textbox {
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
background-color: @BDR;
|
||||
text-color: @SEL;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
@@ -0,0 +1,207 @@
|
||||
|
||||
|
||||
/* ---- 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}";
|
||||
hover-select: true;
|
||||
me-select-entry: "MouseSecondary";
|
||||
me-accept-entry: "MousePrimary";
|
||||
window-format: "{w} · {c} · {t}";
|
||||
}
|
||||
|
||||
/* ---- Load wallust colors ---- */
|
||||
@theme "~/.config/rofi/wallust/colors-rofi.rasi"
|
||||
|
||||
/* ---- Global Properties ---- */
|
||||
* {
|
||||
background-alt: @color1;
|
||||
selected: @color12;
|
||||
active: @color11;
|
||||
urgent: red;
|
||||
text-selected: @background;
|
||||
text-color: @foreground;
|
||||
border-color: @selected;
|
||||
}
|
||||
|
||||
/* ---- Window ---- */
|
||||
window {
|
||||
enabled: true;
|
||||
fullscreen: false;
|
||||
transparency: "real";
|
||||
cursor: "default";
|
||||
spacing: 0px;
|
||||
border: 2px;
|
||||
border-radius: 0px;
|
||||
location: center;
|
||||
anchor: center;
|
||||
width: 40%;
|
||||
background-color: #1a1a1a99;
|
||||
}
|
||||
|
||||
/* ----- Main Box ----- */
|
||||
mainbox {
|
||||
enabled: true;
|
||||
orientation: vertical;
|
||||
children: [ "inputbar", "listbox" ];
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* ---- Inputbar ---- */
|
||||
inputbar {
|
||||
enabled: true;
|
||||
padding: 8px;
|
||||
margin: 10px;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
orientation: horizontal;
|
||||
children: ["entry"];
|
||||
|
||||
}
|
||||
|
||||
/* ---- Entry input ---- */
|
||||
entry {
|
||||
enabled: true;
|
||||
expand: true;
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
cursor: text;
|
||||
placeholder: "Search ";
|
||||
placeholder-color: inherit;
|
||||
}
|
||||
|
||||
/* ---- Listbox ---- */
|
||||
listbox {
|
||||
spacing: 0px;
|
||||
padding: 0px 10px 10px 10px;
|
||||
background-color: transparent;
|
||||
orientation: vertical;
|
||||
children: [ "message", "listview" ];
|
||||
}
|
||||
|
||||
/* ---- Listview ---- */
|
||||
listview {
|
||||
enabled: true;
|
||||
columns: 1;
|
||||
lines: 7;
|
||||
cycle: true;
|
||||
dynamic: true;
|
||||
scrollbar: false;
|
||||
layout: vertical;
|
||||
reverse: false;
|
||||
fixed-height: true;
|
||||
fixed-columns: true;
|
||||
spacing: 0px;
|
||||
padding: 0px;
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/* ---- Scrollbar ---- */
|
||||
scrollbar {
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
handle-color: @active;
|
||||
handle-width: 2px ;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ---- Elements ---- */
|
||||
element {
|
||||
enabled: true;
|
||||
spacing: 8px;
|
||||
padding: 8px;
|
||||
border-radius: 0px;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
element normal.normal {
|
||||
background-color: inherit;
|
||||
text-color: inherit;
|
||||
}
|
||||
element normal.urgent {
|
||||
background-color: @urgent;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element-text selected,
|
||||
element normal.active {
|
||||
background-color: @active;
|
||||
text-color: @foreground;
|
||||
}
|
||||
|
||||
element selected.normal {
|
||||
background-color: @color11;
|
||||
text-color: @text-selected;
|
||||
}
|
||||
element selected.urgent {
|
||||
background-color: @urgent;
|
||||
text-color: @text-selected;
|
||||
}
|
||||
element selected.active {
|
||||
background-color: @urgent;
|
||||
text-color: @text-selected;
|
||||
}
|
||||
|
||||
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 {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
size: 28px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
element-text {
|
||||
background-color: transparent;
|
||||
text-color: inherit;
|
||||
cursor: inherit;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.0;
|
||||
}
|
||||
|
||||
/* ---- Message ---- */
|
||||
message {
|
||||
background-color: @background;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
textbox {
|
||||
margin: 10px;
|
||||
padding: 8px;
|
||||
border-radius: 0px;
|
||||
background-color: @active;
|
||||
text-color: @foreground;
|
||||
vertical-align: 0.5;
|
||||
horizontal-align: 0.5;
|
||||
}
|
||||
|
||||
error-message {
|
||||
padding: 8px;
|
||||
border-radius: 0px;
|
||||
background-color: @background;
|
||||
text-color: @foreground;
|
||||
}
|
||||
Reference in New Issue
Block a user