Rofi Config Update

- Updated rofi config to work with version 1.7 changes
- Change emacs mode to css for rasi source code blocks
- Remove rofi theme selection section, replace with "theme" setting
  in main configuration block
- Add element-text background & text color as inherit
- Add element-icon background color as inherit
This commit is contained in:
Sravan Balaji 2021-08-30 15:37:26 -04:00
parent e7bea847f4
commit 4fe5777004
8 changed files with 273 additions and 193 deletions

View File

@ -1,17 +1,17 @@
configuration {
modi: "window,drun,combi,run,clipboard:greenclip print,ssh";
modi: "window,drun,combi,run,clipboard:greenclip print,ssh";
/* width: 50;*/
/* lines: 15;*/
/* columns: 1;*/
font: "NotoSans Nerd Font 12";
font: "NotoSans Nerd Font 12";
/* bw: 1;*/
/* location: 0;*/
/* padding: 5;*/
/* yoffset: 0;*/
/* xoffset: 0;*/
/* fixed-num-lines: true;*/
show-icons: true;
terminal: "kitty";
show-icons: true;
terminal: "kitty";
/* ssh-client: "ssh";*/
/* ssh-command: "{terminal} -e {ssh-client} {host} [-p {port}]";*/
/* run-command: "{cmd}";*/
@ -19,7 +19,7 @@ configuration {
/* run-shell-command: "{terminal} -e {cmd}";*/
/* window-command: "wmctrl -i -R {window}";*/
/* window-match-fields: "all";*/
icon-theme: "Papirus-Dark";
icon-theme: "Papirus-Dark";
/* drun-match-fields: "name,generic,exec,categories";*/
/* drun-show-actions: false;*/
/* drun-display-format: "{name} [<span weight='light' size='small'><i>({generic})</i></span>]";*/
@ -34,7 +34,7 @@ configuration {
/* auto-select: false;*/
/* parse-hosts: false;*/
/* parse-known-hosts: true;*/
combi-modi: "window,drun";
combi-modi: "window,drun";
/* matching: "normal";*/
/* tokenize: true;*/
/* m: "-5";*/
@ -53,7 +53,7 @@ configuration {
/* window-format: "{w} {c} {t}";*/
/* click-to-exit: true;*/
/* show-match: true;*/
/* theme: ;*/
theme: "centertab-dracula";
/* color-normal: ;*/
/* color-urgent: ;*/
/* color-active: ;*/
@ -89,8 +89,8 @@ configuration {
/* kb-accept-custom: "Control+Return";*/
/* kb-accept-alt: "Shift+Return";*/
/* kb-delete-entry: "Shift+Delete";*/
kb-mode-next: "Shift+Right,Control+Tab,Control+l";
kb-mode-previous: "Shift+Left,Control+ISO_Left_Tab,Control+h";
kb-mode-next: "Shift+Right,Control+Tab";
kb-mode-previous: "Shift+Left,Control+ISO_Left_Tab";
/* kb-row-left: "Control+Page_Up";*/
/* kb-row-right: "Control+Page_Down";*/
kb-row-up: "Up,Control+k,Control+p,ISO_Left_Tab";
@ -143,10 +143,3 @@ configuration {
/* me-accept-entry: "MouseDPrimary";*/
/* me-accept-custom: "Control+MouseDPrimary";*/
}
@import "./themes/centertab-dracula.rasi"
/* @import "./themes/dmenu-dracula.rasi" */
/* @import "./themes/dracula-blurry-full.rasi" */
/* @import "./themes/dracula.rasi" */
/* @import "./themes/sidetab-dracula.rasi" */
/* @import "./themes/slate-dracula.rasi" */

View File

@ -5,140 +5,152 @@
*/
configuration {
display-drun: "launch";
display-run: "execute";
display-window: "window";
display-combi: "combi";
show-icons: true;
sidebar-mode: false;
font: "NotoSans Nerd Font 12";
display-drun: "launch";
display-run: "execute";
display-window: "window";
display-combi: "combi";
show-icons: true;
sidebar-mode: false;
font: "NotoSans Nerd Font 12";
}
* {
background-color: #282a36;
text-color: #f8f8f2;
selbg: #8be9fd;
actbg: #44475a;
urgbg: #ff5555;
winbg: #8be9fd;
background-color: #282a36ff;
text-color: #f8f8f2ff;
selbg: #8be9fdff;
actbg: #44475aff;
urgbg: #ff5555ff;
winbg: #8be9fdff;
selected-normal-foreground: @winbg;
normal-foreground: @text-color;
selected-normal-background: @actbg;
normal-background: @background-color;
normal-foreground: @text-color;
normal-background: @background-color;
selected-urgent-foreground: @background-color;
urgent-foreground: @text-color;
selected-urgent-background: @urgbg;
urgent-background: @background-color;
selected-normal-foreground: @winbg;
selected-normal-background: @actbg;
selected-active-foreground: @winbg;
active-foreground: @background-color;
selected-active-background: @actbg;
active-background: @selbg;
urgent-foreground: @text-color;
urgent-background: @background-color;
line-margin: 2;
line-padding: 2;
separator-style: "none";
hide-scrollbar: "true";
margin: 0;
padding: 0;
selected-urgent-foreground: @background-color;
selected-urgent-background: @urgbg;
active-foreground: @background-color;
active-background: @selbg;
selected-active-foreground: @winbg;
selected-active-background: @actbg;
line-margin: 2;
line-padding: 2;
separator-style: "none";
hide-scrollbar: "true";
margin: 0;
padding: 0;
}
window {
location: center;
anchor: center;
height: 75%;
width: 75%;
orientation: horizontal;
children: [mainbox];
border: 2;
border-color: @winbg;
location: center;
anchor: center;
height: 75%;
width: 75%;
orientation: horizontal;
children: [mainbox];
border: 2;
border-color: @winbg;
}
mainbox {
spacing: 0.8em;
children: [ entry, listview, mode-switcher ];
spacing: 0.8em;
children: [ entry, listview, mode-switcher ];
}
button {
padding: 5px 2px;
padding: 5px 2px;
}
button selected {
background-color: @active-background;
text-color: @background-color;
background-color: @active-background;
text-color: @background-color;
}
inputbar {
padding: 5px;
spacing: 5px;
padding: 5px;
spacing: 5px;
}
listview {
spacing: 0.5em;
dynamic: false;
cycle: true;
spacing: 0.5em;
dynamic: false;
cycle: true;
}
element {
padding: 10px;
padding: 10px;
}
element-icon {
size: 2.00ch;
size: 2.00ch;
}
entry {
expand: false;
text-color: @normal-foreground;
vertical-align: 1;
padding: 5px;
expand: false;
text-color: @normal-foreground;
vertical-align: 1;
padding: 5px;
}
element normal.normal {
background-color: @normal-background;
text-color: @normal-foreground;
background-color: @normal-background;
text-color: @normal-foreground;
}
element normal.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
background-color: @urgent-background;
text-color: @urgent-foreground;
}
element normal.active {
background-color: @active-background;
text-color: @active-foreground;
background-color: @active-background;
text-color: @active-foreground;
}
element selected.normal {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
border: 0 5px solid 0 0;
border-color: @active-background;
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
border: 0 5px solid 0 0;
border-color: @active-background;
}
element selected.urgent {
background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground;
background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground;
}
element selected.active {
background-color: @selected-active-background;
text-color: @selected-active-foreground;
background-color: @selected-active-background;
text-color: @selected-active-foreground;
}
element alternate.normal {
background-color: @normal-background;
text-color: @normal-foreground;
background-color: @normal-background;
text-color: @normal-foreground;
}
element alternate.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
background-color: @urgent-background;
text-color: @urgent-foreground;
}
element alternate.active {
background-color: @active-background;
text-color: @active-foreground;
background-color: @active-background;
text-color: @active-foreground;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
}

View File

@ -41,3 +41,12 @@
background-color: #bd93f9;
text-color: #282a36;
}
#element-text {
background-color: inherit;
text-color: inherit;
}
#element-icon {
background-color: inherit;
}

View File

@ -98,11 +98,14 @@ element {
}
element-icon {
background-color: inherit;
size: 65px;
border: 0px;
}
element-text {
background-color: inherit;
text-color: inherit;
expand: true;
horizontal-align: 0.5;
vertical-align: 0.5;

View File

@ -80,6 +80,13 @@
background-color: @active-background;
text-color: @foreground;
}
#element-text {
background-color: inherit;
text-color: inherit;
}
#element-icon {
background-color: inherit;
}
#scrollbar {
width: 2px ;
border: 0;

View File

@ -135,3 +135,12 @@ element alternate.active {
background-color: @active-background;
text-color: @active-foreground;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
}

View File

@ -49,3 +49,12 @@ element {
element selected {
background-color: #44475a;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
}

View File

@ -1240,21 +1240,21 @@ Each label is represented as a clickable button in the notification center. The
*** Configuration
#+begin_src conf :tangle .config/rofi/config.rasi
#+begin_src css :tangle .config/rofi/config.rasi
configuration {
modi: "window,drun,combi,run,clipboard:greenclip print,ssh";
modi: "window,drun,combi,run,clipboard:greenclip print,ssh";
/* width: 50;*/
/* lines: 15;*/
/* columns: 1;*/
font: "NotoSans Nerd Font 12";
font: "NotoSans Nerd Font 12";
/* bw: 1;*/
/* location: 0;*/
/* padding: 5;*/
/* yoffset: 0;*/
/* xoffset: 0;*/
/* fixed-num-lines: true;*/
show-icons: true;
terminal: "kitty";
show-icons: true;
terminal: "kitty";
/* ssh-client: "ssh";*/
/* ssh-command: "{terminal} -e {ssh-client} {host} [-p {port}]";*/
/* run-command: "{cmd}";*/
@ -1262,7 +1262,7 @@ Each label is represented as a clickable button in the notification center. The
/* run-shell-command: "{terminal} -e {cmd}";*/
/* window-command: "wmctrl -i -R {window}";*/
/* window-match-fields: "all";*/
icon-theme: "Papirus-Dark";
icon-theme: "Papirus-Dark";
/* drun-match-fields: "name,generic,exec,categories";*/
/* drun-show-actions: false;*/
/* drun-display-format: "{name} [<span weight='light' size='small'><i>({generic})</i></span>]";*/
@ -1277,7 +1277,7 @@ Each label is represented as a clickable button in the notification center. The
/* auto-select: false;*/
/* parse-hosts: false;*/
/* parse-known-hosts: true;*/
combi-modi: "window,drun";
combi-modi: "window,drun";
/* matching: "normal";*/
/* tokenize: true;*/
/* m: "-5";*/
@ -1296,7 +1296,7 @@ Each label is represented as a clickable button in the notification center. The
/* window-format: "{w} {c} {t}";*/
/* click-to-exit: true;*/
/* show-match: true;*/
/* theme: ;*/
theme: "centertab-dracula";
/* color-normal: ;*/
/* color-urgent: ;*/
/* color-active: ;*/
@ -1332,8 +1332,8 @@ Each label is represented as a clickable button in the notification center. The
/* kb-accept-custom: "Control+Return";*/
/* kb-accept-alt: "Shift+Return";*/
/* kb-delete-entry: "Shift+Delete";*/
kb-mode-next: "Shift+Right,Control+Tab,Control+l";
kb-mode-previous: "Shift+Left,Control+ISO_Left_Tab,Control+h";
kb-mode-next: "Shift+Right,Control+Tab";
kb-mode-previous: "Shift+Left,Control+ISO_Left_Tab";
/* kb-row-left: "Control+Page_Up";*/
/* kb-row-right: "Control+Page_Down";*/
kb-row-up: "Up,Control+k,Control+p,ISO_Left_Tab";
@ -1390,20 +1390,9 @@ Each label is represented as a clickable button in the notification center. The
*** Themes
**** Theme Selection
#+begin_src conf :tangle .config/rofi/config.rasi
@import "./themes/centertab-dracula.rasi"
/* @import "./themes/dmenu-dracula.rasi" */
/* @import "./themes/dracula-blurry-full.rasi" */
/* @import "./themes/dracula.rasi" */
/* @import "./themes/sidetab-dracula.rasi" */
/* @import "./themes/slate-dracula.rasi" */
#+end_src
**** Centertab Dracula
#+begin_src conf :tangle .config/rofi/themes/centertab-dracula.rasi
#+begin_src css :tangle .config/rofi/themes/centertab-dracula.rasi
/**
,* ROFI Color theme: centertab-dracula
,* User: balajsra
@ -1411,148 +1400,160 @@ Each label is represented as a clickable button in the notification center. The
,*/
configuration {
display-drun: "launch";
display-run: "execute";
display-window: "window";
display-combi: "combi";
show-icons: true;
sidebar-mode: false;
font: "NotoSans Nerd Font 12";
display-drun: "launch";
display-run: "execute";
display-window: "window";
display-combi: "combi";
show-icons: true;
sidebar-mode: false;
font: "NotoSans Nerd Font 12";
}
,* {
background-color: #282a36;
text-color: #f8f8f2;
selbg: #8be9fd;
actbg: #44475a;
urgbg: #ff5555;
winbg: #8be9fd;
background-color: #282a36ff;
text-color: #f8f8f2ff;
selbg: #8be9fdff;
actbg: #44475aff;
urgbg: #ff5555ff;
winbg: #8be9fdff;
selected-normal-foreground: @winbg;
normal-foreground: @text-color;
selected-normal-background: @actbg;
normal-background: @background-color;
normal-foreground: @text-color;
normal-background: @background-color;
selected-urgent-foreground: @background-color;
urgent-foreground: @text-color;
selected-urgent-background: @urgbg;
urgent-background: @background-color;
selected-normal-foreground: @winbg;
selected-normal-background: @actbg;
selected-active-foreground: @winbg;
active-foreground: @background-color;
selected-active-background: @actbg;
active-background: @selbg;
urgent-foreground: @text-color;
urgent-background: @background-color;
line-margin: 2;
line-padding: 2;
separator-style: "none";
hide-scrollbar: "true";
margin: 0;
padding: 0;
selected-urgent-foreground: @background-color;
selected-urgent-background: @urgbg;
active-foreground: @background-color;
active-background: @selbg;
selected-active-foreground: @winbg;
selected-active-background: @actbg;
line-margin: 2;
line-padding: 2;
separator-style: "none";
hide-scrollbar: "true";
margin: 0;
padding: 0;
}
window {
location: center;
anchor: center;
height: 75%;
width: 75%;
orientation: horizontal;
children: [mainbox];
border: 2;
border-color: @winbg;
location: center;
anchor: center;
height: 75%;
width: 75%;
orientation: horizontal;
children: [mainbox];
border: 2;
border-color: @winbg;
}
mainbox {
spacing: 0.8em;
children: [ entry, listview, mode-switcher ];
spacing: 0.8em;
children: [ entry, listview, mode-switcher ];
}
button {
padding: 5px 2px;
padding: 5px 2px;
}
button selected {
background-color: @active-background;
text-color: @background-color;
background-color: @active-background;
text-color: @background-color;
}
inputbar {
padding: 5px;
spacing: 5px;
padding: 5px;
spacing: 5px;
}
listview {
spacing: 0.5em;
dynamic: false;
cycle: true;
spacing: 0.5em;
dynamic: false;
cycle: true;
}
element {
padding: 10px;
padding: 10px;
}
element-icon {
size: 2.00ch;
size: 2.00ch;
}
entry {
expand: false;
text-color: @normal-foreground;
vertical-align: 1;
padding: 5px;
expand: false;
text-color: @normal-foreground;
vertical-align: 1;
padding: 5px;
}
element normal.normal {
background-color: @normal-background;
text-color: @normal-foreground;
background-color: @normal-background;
text-color: @normal-foreground;
}
element normal.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
background-color: @urgent-background;
text-color: @urgent-foreground;
}
element normal.active {
background-color: @active-background;
text-color: @active-foreground;
background-color: @active-background;
text-color: @active-foreground;
}
element selected.normal {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
border: 0 5px solid 0 0;
border-color: @active-background;
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
border: 0 5px solid 0 0;
border-color: @active-background;
}
element selected.urgent {
background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground;
background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground;
}
element selected.active {
background-color: @selected-active-background;
text-color: @selected-active-foreground;
background-color: @selected-active-background;
text-color: @selected-active-foreground;
}
element alternate.normal {
background-color: @normal-background;
text-color: @normal-foreground;
background-color: @normal-background;
text-color: @normal-foreground;
}
element alternate.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
background-color: @urgent-background;
text-color: @urgent-foreground;
}
element alternate.active {
background-color: @active-background;
text-color: @active-foreground;
background-color: @active-background;
text-color: @active-foreground;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
}
#+end_src
**** Dmenu Dracula
#+begin_src conf :tangle .config/rofi/themes/dmenu-dracula.rasi
#+begin_src css :tangle .config/rofi/themes/dmenu-dracula.rasi
/**
,* ROFI Color theme: dmenu-dracula
,* User: balajsra
@ -1596,11 +1597,20 @@ Each label is represented as a clickable button in the notification center. The
background-color: #bd93f9;
text-color: #282a36;
}
#element-text {
background-color: inherit;
text-color: inherit;
}
#element-icon {
background-color: inherit;
}
#+end_src
**** Blurry Full Dracula
#+begin_src conf :tangle .config/rofi/themes/dracula-blurry-full.rasi
#+begin_src css :tangle .config/rofi/themes/dracula-blurry-full.rasi
/*
,*
,* Author : Aditya Shakya (adi1090x)
@ -1701,11 +1711,14 @@ Each label is represented as a clickable button in the notification center. The
}
element-icon {
background-color: inherit;
size: 65px;
border: 0px;
}
element-text {
background-color: inherit;
text-color: inherit;
expand: true;
horizontal-align: 0.5;
vertical-align: 0.5;
@ -1743,7 +1756,7 @@ Each label is represented as a clickable button in the notification center. The
**** Official Dracula Theme
#+begin_src conf :tangle .config/rofi/themes/dracula.rasi
#+begin_src css :tangle .config/rofi/themes/dracula.rasi
/*Dracula theme based on the Purple official rofi theme*/
,* {
@ -1826,6 +1839,13 @@ Each label is represented as a clickable button in the notification center. The
background-color: @active-background;
text-color: @foreground;
}
#element-text {
background-color: inherit;
text-color: inherit;
}
#element-icon {
background-color: inherit;
}
#scrollbar {
width: 2px ;
border: 0;
@ -1870,7 +1890,7 @@ Each label is represented as a clickable button in the notification center. The
**** Sidetab Dracula
#+begin_src conf :tangle .config/rofi/themes/sidetab-dracula.rasi
#+begin_src css :tangle .config/rofi/themes/sidetab-dracula.rasi
/**
,* ROFI Color theme: sidetab-dracula
,* User: balajsra
@ -2008,11 +2028,20 @@ Each label is represented as a clickable button in the notification center. The
background-color: @active-background;
text-color: @active-foreground;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
}
#+end_src
**** Slate Dracula
#+begin_src conf :tangle .config/rofi/themes/slate-dracula.rasi
#+begin_src css :tangle .config/rofi/themes/slate-dracula.rasi
/**
,* ROFI Color theme: slate-dracula
,* User: balajsra
@ -2064,6 +2093,15 @@ Each label is represented as a clickable button in the notification center. The
element selected {
background-color: #44475a;
}
element-text {
background-color: inherit;
text-color: inherit;
}
element-icon {
background-color: inherit;
}
#+end_src
*** Greenclip Clipboard Manager