add alter and monokai theme

This commit is contained in:
ksyasuda
2022-02-18 12:18:28 -08:00
parent 6e5b3c463a
commit f23586116d
4 changed files with 347 additions and 4 deletions

View File

@@ -0,0 +1,196 @@
/*******************************************************************************
* ROFI Color Theme
* User: Sheepla, sudacode
* Copyleft: Sheepla
*******************************************************************************/
* {
highlight: bold italic;
scrollbar: true;
palette-bg0: #2E333E;
palette-bg1: #404552;
palette-fg0: #c6c8d1;
palette-highlight: #6552ab;
palette-active: #525AAB;
palette-warning: #B65FB8;
/* Base colors */
background: @palette-bg0;
background-color: @background;
foreground: @palette-fg0;
/* Normal colors */
normal-background: @background;
normal-foreground: @foreground;
alternate-normal-background: @palette-bg1;
alternate-normal-foreground: @foreground;
selected-normal-background: @palette-highlight;
selected-normal-foreground: @palette-fg0;
/* Active window colors */
active-background: @palette-active;
active-foreground: @normal-foreground;
alternate-active-background: @alternate-normal-background;
alternate-active-foreground: @active-foreground;
selected-active-background: @active-background;
selected-active-foreground: @active-foreground;
/* Urgent colors */
urgent-background: @background;
urgent-foreground: @palette-warning;
alternate-urgent-background: @alternate-normal-background;
alternate-urgent-foreground: @urgent-foreground;
selected-urgent-background: @urgent-foreground;
selected-urgent-foreground: @normal-background;
/* Other colors */
border-color: @palette-highlight;
separatorcolor: @border-color;
scrollbar-handle: @palette-highlight;
}
window {
background-color: @background-color;
children: [mainbox];
width: 80%;
anchor: center;
location: center;
}
mainbox {
border: 0;
orientation: vertical;
children: [ entry, message, listview, mode-switcher ];
}
entry {
expand: false;
text-color: @normal-foreground;
/* Padding between 2 lines */
padding: 10px 0px 10px 10px;
border: 0 0 2px;
border-color: @palette-highlight;
margin: 10px;
}
sidebar {
expand: false;
}
/* Message box */
textbox {
horizontal-align: 0;
background-color: @palette-highlight;
padding: 10px 20px 10px 20px;
text-color: @palette-fg0;
}
listview {
border: 0px 0px 0px ;
border-color: @palette-highlight;
padding: 0px 0px 5px 0px;
scrollbar: @scrollbar;
lines: 12;
columns: 2;
}
mode-switcher {
border: 3px 0px 0px 0px;
border-color: @palette-highlight;
}
button {
padding: 5px;
}
#button.selected {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
}
#element {
border: 0;
padding: 3px 10px 3px 10px ;
}
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 {
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: @palette-highlight;
text-color: @alternate-active-foreground;
}
element.alternate.normal {
background-color: @normal-background;
text-color: @normal-foreground;
}
element.alternate.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
}
element.alternate.active {
background-color: @active-background;
text-color: @active-foreground;
}
inputbar {
spacing: 0;
text-color: @normal-foreground;
padding: 2px;
children: [ textbox-prompt-sep, entry, case-indicator ];
}
case-indicator,
entry,
button {
spacing: 0;
text-color: @normal-foreground;
}
button.selected {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
}
textbox-prompt-sep {
expand: false;
str: ":";
text-color: @normal-foreground;
margin: 0 0.3em 0 0;
}
prompt {
padding:6px 9px;
background-color: @palette-highlight;
}
element-icon {
size: 18;
}

View File

@@ -0,0 +1,147 @@
/**
* ROFI Color theme
* User: milouse, sudacode
* Copyright: Étienne Deparis
*/
* {
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 % );
red: rgba ( 220, 50, 47, 100 % );
selected-urgent-foreground: rgba ( 248, 248, 242, 100 % );
blue: rgba ( 38, 139, 210, 100 % );
urgent-foreground: rgba ( 249, 38, 114, 100 % );
alternate-urgent-background: rgba ( 39, 40, 34, 0 % );
/* active-foreground: rgba ( 166, 226, 42, 100 % ); */
active-foreground: @blue;
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 % );
lightfg: rgba ( 88, 104, 117, 100 % );
selected-normal-background: rgba ( 20, 20, 17, 100 % );
border-color: @foreground;
spacing: 2;
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: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 39, 40, 34, 0 % );
selected-active-background: rgba ( 20, 20, 17, 100 % );
}
window {
background-color: @background;
border: 1;
padding: 5;
}
mainbox {
border: 0;
padding: 0;
}
message {
border: 2px 0px 0px ;
border-color: @separatorcolor;
padding: 1px ;
}
textbox {
text-color: @foreground;
}
listview {
fixed-height: 0;
border: 2px 0px 0px ;
border-color: @separatorcolor;
spacing: 2px ;
scrollbar: true;
padding: 2px 0px 0px ;
}
element {
border: 0;
padding: 1px ;
}
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 {
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;
}
scrollbar {
width: 4px ;
border: 0;
handle-width: 8px ;
padding: 0;
}
mode-switcher {
border: 2px 0px 0px ;
border-color: @separatorcolor;
}
button.selected {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
}
inputbar {
spacing: 0;
text-color: @normal-foreground;
padding: 1px ;
}
case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
entry {
spacing: 0;
text-color: @normal-foreground;
}
prompt {
spacing: 0;
text-color: @normal-foreground;
}
inputbar {
children: [ prompt,textbox-prompt-colon,entry,case-indicator ];
}
textbox-prompt-colon {
expand: false;
str: ":";
margin: 0px 0.3em 0em 0em ;
text-color: @normal-foreground;
}