l.behm/rofi-themes
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #17 from DikiCook/master

Browse source 
Use Rofi 1.5.0 style code
This commit is contained in:
Rasmus Steinke 2018-02-14 22:51:50 +01:00 committed by GitHub
commit 61255343a4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 131 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
User Themes/README.md
View file

@ -4,8 +4,8 @@
#### flat-orange #### flat-orange
![flat_orange](https://53280.de/rofi/flat_orange.png) ![flat_orange](https://53280.de/rofi/flat_orange.png)
#### royal-sky #### oxide
![royal_sky](https://53280.de/rofi/royal_blue.png) ![oxide](https://53280.de/rofi/oxide.png)
#### solarized-darker #### solarized-darker
![solarized_darker](https://53280.de/rofi/solarized_darker.png) ![solarized_darker](https://53280.de/rofi/solarized_darker.png)

53
User Themes/fancy.rasi
View file

@ -4,7 +4,7 @@
*/ */
/* global settings and color variables */ /* global settings and color variables */
* { * {
blue: #A7c6E2; blue: #A7c6E2;
blue-trans: #A7c6e2aa; blue-trans: #A7c6e2aa;
darkblue: #005F87; darkblue: #005F87;
@ -27,22 +27,22 @@
line-style: "none"; line-style: "none";
} }
#prompt-box { prompt-box {
background-color: transparent; background-color: transparent;
} }
#prompt { prompt {
background-color: transparent; background-color: transparent;
text-color: @white; text-color: @white;
} }
#window { window {
border-radius: 10px; border-radius: 10px;
background-color: @transparent; background-color: @transparent;
border: 2; border: 2;
color: @grey; color: @grey;
} }
#mainbox { mainbox {
padding: 0px; padding: 0px;
background-color: @blue-trans; background-color: @blue-trans;
color: @grey; color: @grey;
@ -50,13 +50,13 @@
spacing: 0%; spacing: 0%;
} }
#listview { listview {
// Looks. // Looks.
border-radius: 10px; border-radius: 10px;
border: 5px 5px 5px 5px; border: 5px 5px 5px 5px;
padding: 20px 20px 20px 20px; padding: 20px 20px 20px 20px;
margin: 20px 30px 30px 30px; margin: 20px 30px 30px 30px;
background-color: @orange; background-color: @orange;
// Enable scrollbar // Enable scrollbar
scrollbar: false; scrollbar: false;
scrollbar-width: 5px; scrollbar-width: 5px;
@ -64,58 +64,57 @@
reverse: false; reverse: false;
color: #000000; color: #000000;
spacing: 0.3em; spacing: 0.3em;
} }
#scrollbar { scrollbar {
color: @black; color: @black;
background-color: @blue; background-color: @blue;
padding: 1px; padding: 1px;
} }
#element { element {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
color: @black; color: @black;
background-color: @blue; background-color: @blue;
} }
#element.normal.normal { element normal.normal {
color: @black; color: @black;
background-color: @orange; background-color: @orange;
} }
#element.normal.urgent { element normal.urgent {
color: @urgent; color: @urgent;
background-color: @light-grey; background-color: @light-grey;
} }
#element.normal.active { element normal.active {
color: @active; color: @active;
background-color: @light-grey; background-color: @light-grey;
} }
#element.selected.normal { element selected.normal {
border-radius: 0px; border-radius: 0px;
color: @black; color: @black;
background-color: @dark-orange; background-color: @dark-orange;
} }
#element.selected.urgent { element selected.urgent {
color: @light-grey; color: @light-grey;
background-color: @urgent; background-color: @urgent;
} }
#element.selected.active { element selected.active {
color: @light-grey; color: @light-grey;
background-color: @active; background-color: @active;
} }
#element.alternate.normal { element alternate.normal {
color: @black; color: @black;
background-color: @orange; background-color: @orange;
} }
#element.alternate.urgent { element alternate.urgent {
color: @urgent; color: @urgent;
background-color: @medium-grey; background-color: @medium-grey;
} }
#element.alternate.active { element alternate.active {
color: @active; color: @active;
background-color: @medium-grey; background-color: @medium-grey;
} }
#inputbar { inputbar {
spacing: 0; spacing: 0;
background-color: #88003300; background-color: #88003300;
border: 0px 0px 2px 0px; border: 0px 0px 2px 0px;
@ -126,27 +125,27 @@
end: false; end: false;
} }
#separator { separator {
background-color: @blue; background-color: @blue;
color: #00000000; color: #00000000;
} }
#prompt.normal.normal { prompt normal.normal {
background-color: #00000000; background-color: #00000000;
color: #ffffff; color: #ffffff;
padding: 0px; padding: 0px;
} }
#entry.normal.normal { entry normal.normal {
background-color: #00000000; background-color: #00000000;
color: #ffffff; color: #ffffff;
padding: 0px; padding: 0px;
} }
#case-indicator.normal.normal { case-indicator normal.normal {
background-color: #00000000; background-color: #00000000;
color: #ffffff; color: #ffffff;
padding: 0px; padding: 0px;
} }
#message { message {
margin: 30px 30px 30px 30px; margin: 30px 30px 30px 30px;
padding: 20px 30px 20px 20px; padding: 20px 30px 20px 20px;
padding: 1px ; padding: 1px ;
@ -154,7 +153,7 @@
border: 5px 5px 5px 5px; border: 5px 5px 5px 5px;
} }
#prompt-colon { prompt-colon {
spacing: 0; spacing: 0;
enabled: false; enabled: false;
} }

47
User Themes/flat-orange.rasi
View file

@ -21,30 +21,30 @@
background-color: @blackdarkest; background-color: @blackdarkest;
} }
#window { window {
background-color: @blackdarkest; background-color: @blackdarkest;
anchor: north; anchor: north;
location: north; location: north;
y-offset: 20%; y-offset: 20%;
} }
#mainbox { mainbox {
background-color: @blackdarkest; background-color: @blackdarkest;
spacing:0px; spacing:0px;
children: [inputbar, message, sidebar, listview]; children: [inputbar, message, sidebar, listview];
} }
#message { message {
padding: 6px 10px; padding: 6px 10px;
background-color:@blackwidget; background-color:@blackwidget;
} }
#textbox { textbox {
text-color:@darkgray; text-color:@darkgray;
background-color:@blackwidget; background-color:@blackwidget;
} }
#listview { listview {
fixed-height: false; fixed-height: false;
dynamic: true; dynamic: true;
scrollbar: true; scrollbar: true;
@ -54,94 +54,93 @@
background: @blackdarkest; background: @blackdarkest;
} }
#element { element {
padding: 2px 15px; padding: 2px 15px;
} }
#element.normal.normal { element normal.normal {
padding: 0px 15px; padding: 0px 15px;
background-color: @blackentry; background-color: @blackentry;
text-color: @fgwhite; text-color: @fgwhite;
} }
#element.normal.urgent { element normal.urgent {
background-color: @blackentry; background-color: @blackentry;
text-color: @urgentcolor; text-color: @urgentcolor;
} }
#element.normal.active { element normal.active {
background-color: @blackentry; background-color: @blackentry;
text-color: @maincolor; text-color: @maincolor;
} }
#element.selected.normal { element selected.normal {
background-color: @blackselect; background-color: @blackselect;
text-color: @fgwhite; text-color: @fgwhite;
} }
#element.selected.urgent { element selected.urgent {
background-color: @urgentcolor; background-color: @urgentcolor;
text-color: @blackdarkest; text-color: @blackdarkest;
} }
#element.selected.active { element selected.active {
background-color: @maincolor; background-color: @maincolor;
text-color: @blackdarkest; text-color: @blackdarkest;
} }
#element.alternate.normal { element alternate.normal {
background-color: @blackentry; background-color: @blackentry;
text-color: @fgwhite; text-color: @fgwhite;
} }
#element.alternate.urgent { element alternate.urgent {
background-color: @blackentry; background-color: @blackentry;
text-color: @urgentcolor; text-color: @urgentcolor;
} }
#element.alternate.active { element alternate.active {
background-color: @blackentry; background-color: @blackentry;
text-color: @maincolor; text-color: @maincolor;
} }
#scrollbar { scrollbar {
background-color: @blackwidget; background-color: @blackwidget;
handle-color: @darkgray; handle-color: @darkgray;
handle-width: 15px; handle-width: 15px;
} }
#sidebar { sidebar {
background-color: @blackwidget; background-color: @blackwidget;
} }
#button { button {
background-color: @blackwidget; background-color: @blackwidget;
text-color: @darkgray; text-color: @darkgray;
} }
button selected {
#button.selected {
text-color: @maincolor; text-color: @maincolor;
} }
#inputbar { inputbar {
background-color: @blackdarkest; background-color: @blackdarkest;
spacing: 0px; spacing: 0px;
} }
#prompt { prompt {
padding:6px 9px; padding:6px 9px;
background-color: @maincolor; background-color: @maincolor;
text-color:@blackwidget; text-color:@blackwidget;
} }
#entry { entry {
padding:6px 10px; padding:6px 10px;
background-color:@blackwidget; background-color:@blackwidget;
text-color:@fgwhite; text-color:@fgwhite;
} }
#case-indicator { case-indicator {
padding:6px 10px; padding:6px 10px;
text-color:@maincolor; text-color:@maincolor;
background-color:@blackwidget; background-color:@blackwidget;

76
User Themes/royal-sky.rasi → User Themes/oxide.rasi
View file

@ -1,56 +1,56 @@
/** /**
* Royal Sky Color theme * Oxide Color theme
* User: dikiaap * User: dikiaap
* Copyright: Diki Ananta * Copyright: Diki Ananta
**/ **/
* { * {
selected-normal-foreground: rgba ( 249, 249, 249, 100 % ); selected-normal-foreground: @lightfg;
foreground: rgba ( 196, 202, 212, 100 % ); foreground: rgba ( 196, 202, 212, 100 % );
normal-foreground: @foreground; normal-foreground: @foreground;
alternate-normal-background: rgba ( 42, 42, 42, 100 % ); alternate-normal-background: rgba ( 42, 42, 42, 100 % );
red: rgba ( 194, 65, 65, 100 % ); red: rgba ( 194, 65, 65, 100 % );
selected-urgent-foreground: rgba ( 249, 249, 249, 100 % ); selected-urgent-foreground: @lightfg;
blue: rgba ( 43, 131, 166, 100 % ); blue: rgba ( 43, 131, 166, 100 % );
urgent-foreground: rgba ( 249, 249, 249, 100 % ); urgent-foreground: @lightfg;
alternate-urgent-background: rgba ( 194, 65, 65, 100 % ); alternate-urgent-background: @red;
active-foreground: rgba ( 249, 249, 249, 100 % ); active-foreground: @lightfg;
lightbg: rgba ( 196, 202, 212, 100 % ); lightbg: @foreground;
selected-active-foreground: rgba ( 249, 249, 249, 100 % ); selected-active-foreground: @lightfg;
alternate-active-background: rgba ( 43, 131, 166, 100 % ); alternate-active-background: @blue;
background: rgba ( 33, 33, 33, 100 % ); background: rgba ( 33, 33, 33, 100 % );
alternate-normal-foreground: @foreground; alternate-normal-foreground: @foreground;
normal-background: rgba ( 33, 33, 33, 100 % ); normal-background: @background;
lightfg: rgba ( 249, 249, 249, 100 % ); lightfg: rgba ( 249, 249, 249, 100 % );
selected-normal-background: rgba ( 90, 90, 90, 100 % ); selected-normal-background: rgba ( 90, 90, 90, 100 % );
border-color: @foreground; border-color: @foreground;
spacing: 2; spacing: 2;
separatorcolor: rgba ( 183, 183, 183, 100 % ); separatorcolor: rgba ( 183, 183, 183, 100 % );
urgent-background: rgba ( 194, 65, 65, 100 % ); urgent-background: @red;
selected-urgent-background: rgba ( 214, 78, 78, 100 % ); selected-urgent-background: rgba ( 214, 78, 78, 100 % );
alternate-urgent-foreground: @urgent-foreground; alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % ); background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground; alternate-active-foreground: @active-foreground;
active-background: rgba ( 43, 131, 166, 100 % ); active-background: @blue;
selected-active-background: rgba ( 39, 141, 182, 100 % ); selected-active-background: rgba ( 39, 141, 182, 100 % );
} }
#window { window {
background-color: @background; background-color: @background;
border: 0; border: 0;
padding: 8; padding: 8;
} }
#mainbox { mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message { message {
border: 2px dash 0px 0px; border: 2px dash 0px 0px;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px; padding: 1px;
} }
#textbox { textbox {
text-color: @foreground; text-color: @foreground;
} }
#listview { listview {
fixed-height: 0; fixed-height: 0;
border: 0; border: 0;
border-color: @separatorcolor; border-color: @separatorcolor;
@ -58,86 +58,86 @@
scrollbar: true; scrollbar: true;
padding: 2px 0px 0px; padding: 2px 0px 0px;
} }
#element { element {
border: 0; border: 0;
padding: 1px; padding: 1px;
} }
#element.normal.normal { element normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent { element normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active { element normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal { element selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent { element selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active { element selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal { element alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent { element alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active { element alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar { scrollbar {
width: 4px; width: 4px;
border: 0; border: 0;
handle-color: rgba ( 85, 85, 85, 100 % ); handle-color: rgba ( 85, 85, 85, 100 % );
handle-width: 8px; handle-width: 8px;
padding: 0; padding: 0;
} }
#sidebar { sidebar {
border: 2px dash 0px 0px; border: 2px dash 0px 0px;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button { button {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#button.selected { button selected {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar { inputbar {
spacing: 0px; spacing: 0px;
text-color: @normal-foreground; text-color: @normal-foreground;
padding: 1px; padding: 1px;
children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; children: [ prompt,textbox-prompt-colon,entry,case-indicator ];
} }
case-indicator {
#case-indicator {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#entry { entry {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#prompt { prompt {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#textbox-prompt-colon { textbox-prompt-colon {
expand: false; expand: false;
margin: 0px 0.3000em 0.0000em 0.0000em ; str: ":";
margin: 0px 0.3000em 0.0000em 0.0000em;
text-color: inherit; text-color: inherit;
} }

34
User Themes/sidetab.rasi
View file

@ -31,7 +31,7 @@
padding: 0; padding: 0;
} }
#window { window {
location: west; location: west;
anchor: west; anchor: west;
height: 100%; height: 100%;
@ -40,81 +40,81 @@
children: [mainbox]; children: [mainbox];
} }
#mainbox { mainbox {
spacing: 0.8em; spacing: 0.8em;
children: [ entry,listview,sidebar ]; children: [ entry,listview,sidebar ];
} }
#button { padding: 5px 2px; } button { padding: 5px 2px; }
#button selected { button selected {
background-color: @active-background; background-color: @active-background;
text-color: @background-color; text-color: @background-color;
} }
#inputbar { inputbar {
padding: 5px; padding: 5px;
spacing: 5px; spacing: 5px;
} }
#listview { listview {
spacing: 0.5em; spacing: 0.5em;
dynamic: false; dynamic: false;
cycle: true; cycle: true;
} }
#element { padding: 10px; } element { padding: 10px; }
#entry { entry {
expand: false; expand: false;
text-color: @normal-foreground; text-color: @normal-foreground;
vertical-align: 1; vertical-align: 1;
padding: 5px; padding: 5px;
} }
#element.normal.normal { element normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent { element normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active { element normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal { element selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
border: 0 5px solid 0 0; border: 0 5px solid 0 0;
border-color: @active-background; border-color: @active-background;
} }
#element.selected.urgent { element selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active { element selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal { element alternate.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.alternate.urgent { element alternate.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.alternate.active { element alternate.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }

50
User Themes/solarized-darker.rasi
View file

@ -5,8 +5,8 @@
******************************************************************************/ ******************************************************************************/
* { * {
/**** Solarized colors **** /**** Solarized colors ****
* NOTE: I am including all of them even though I am using a sub-set. I keep * NOTE: I am including all of them even though I am using a sub-set. I keep
* tweaking my theme and having access to all of the colors here is handy. */ * tweaking my theme and having access to all of the colors here is handy. */
base03: #002b36; base03: #002b36;
@ -44,7 +44,7 @@
selected-active-background: @base02; selected-active-background: @base02;
selected-urgent-foreground: @red; selected-urgent-foreground: @red;
selected-urgent-background: @base02; selected-urgent-background: @base02;
alternate-normal-foreground: @foreground; alternate-normal-foreground: @foreground;
alternate-normal-background: @transparent-background; alternate-normal-background: @transparent-background;
alternate-active-foreground: @active-foreground; alternate-active-foreground: @active-foreground;
@ -59,24 +59,24 @@
spacing: 2; spacing: 2;
background-color: @transparent-background; background-color: @transparent-background;
} }
#window { window {
background-color: @background; background-color: @background;
border: 1; border: 1;
padding: 20; padding: 20;
} }
#mainbox { mainbox {
border: 0; border: 0;
padding: 0; padding: 0;
} }
#message { message {
border: 1px dash 0px 0px ; border: 1px dash 0px 0px ;
border-color: @separatorcolor; border-color: @separatorcolor;
padding: 1px ; padding: 1px ;
} }
#textbox { textbox {
text-color: @foreground; text-color: @foreground;
} }
#listview { listview {
fixed-height: 0; fixed-height: 0;
border: 1px dash 0px 0px ; border: 1px dash 0px 0px ;
border-color: @separatorcolor; border-color: @separatorcolor;
@ -84,74 +84,74 @@
scrollbar: false; scrollbar: false;
padding: 8px 0px 0px 0px; padding: 8px 0px 0px 0px;
} }
#element { element {
border: 0; border: 0;
padding: 1px 0px 1px 1px; padding: 1px 0px 1px 1px;
} }
#element.normal.normal { element normal.normal {
background-color: @normal-background; background-color: @normal-background;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#element.normal.urgent { element normal.urgent {
background-color: @urgent-background; background-color: @urgent-background;
text-color: @urgent-foreground; text-color: @urgent-foreground;
} }
#element.normal.active { element normal.active {
background-color: @active-background; background-color: @active-background;
text-color: @active-foreground; text-color: @active-foreground;
} }
#element.selected.normal { element selected.normal {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#element.selected.urgent { element selected.urgent {
background-color: @selected-urgent-background; background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground; text-color: @selected-urgent-foreground;
} }
#element.selected.active { element selected.active {
background-color: @selected-active-background; background-color: @selected-active-background;
text-color: @selected-active-foreground; text-color: @selected-active-foreground;
} }
#element.alternate.normal { element alternate.normal {
background-color: @alternate-normal-background; background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground; text-color: @alternate-normal-foreground;
} }
#element.alternate.urgent { element alternate.urgent {
background-color: @alternate-urgent-background; background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground; text-color: @alternate-urgent-foreground;
} }
#element.alternate.active { element alternate.active {
background-color: @alternate-active-background; background-color: @alternate-active-background;
text-color: @alternate-active-foreground; text-color: @alternate-active-foreground;
} }
#scrollbar { scrollbar {
width: 4px ; width: 4px ;
border: 0; border: 0;
handle-width: 8px ; handle-width: 8px ;
padding: 0; padding: 0;
} }
#sidebar { sidebar {
border: 2px dash 0px 0px ; border: 2px dash 0px 0px ;
border-color: @separatorcolor; border-color: @separatorcolor;
} }
#button.selected { button selected {
background-color: @selected-normal-background; background-color: @selected-normal-background;
text-color: @selected-normal-foreground; text-color: @selected-normal-foreground;
} }
#inputbar { inputbar {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
padding: 1px ; padding: 1px ;
} }
#case-indicator { case-indicator {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#entry { entry {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }
#prompt { prompt {
spacing: 0; spacing: 0;
text-color: @normal-foreground; text-color: @normal-foreground;
} }