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](https://53280.de/rofi/flat_orange.png)
#### royal-sky
![royal_sky](https://53280.de/rofi/royal_blue.png)
#### oxide
![oxide](https://53280.de/rofi/oxide.png)
#### solarized-darker
![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 */
* {
* {
blue: #A7c6E2;
blue-trans: #A7c6e2aa;
darkblue: #005F87;
@ -27,22 +27,22 @@
line-style: "none";
}
#prompt-box {
prompt-box {
background-color: transparent;
}
#prompt {
prompt {
background-color: transparent;
text-color: @white;
}
#window {
window {
border-radius: 10px;
background-color: @transparent;
border: 2;
color: @grey;
}
#mainbox {
mainbox {
padding: 0px;
background-color: @blue-trans;
color: @grey;
@ -50,13 +50,13 @@
spacing: 0%;
}
#listview {
listview {
// Looks.
border-radius: 10px;
border: 5px 5px 5px 5px;
padding: 20px 20px 20px 20px;
margin: 20px 30px 30px 30px;
background-color: @orange;
background-color: @orange;
// Enable scrollbar
scrollbar: false;
scrollbar-width: 5px;
@ -64,58 +64,57 @@
reverse: false;
color: #000000;
spacing: 0.3em;
}
#scrollbar {
scrollbar {
color: @black;
background-color: @blue;
padding: 1px;
}
#element {
element {
border: 0px;
padding: 0px;
margin: 0px;
color: @black;
background-color: @blue;
}
#element.normal.normal {
element normal.normal {
color: @black;
background-color: @orange;
}
#element.normal.urgent {
element normal.urgent {
color: @urgent;
background-color: @light-grey;
}
#element.normal.active {
element normal.active {
color: @active;
background-color: @light-grey;
}
#element.selected.normal {
element selected.normal {
border-radius: 0px;
color: @black;
background-color: @dark-orange;
}
#element.selected.urgent {
element selected.urgent {
color: @light-grey;
background-color: @urgent;
}
#element.selected.active {
element selected.active {
color: @light-grey;
background-color: @active;
}
#element.alternate.normal {
element alternate.normal {
color: @black;
background-color: @orange;
}
#element.alternate.urgent {
element alternate.urgent {
color: @urgent;
background-color: @medium-grey;
}
#element.alternate.active {
element alternate.active {
color: @active;
background-color: @medium-grey;
}
#inputbar {
inputbar {
spacing: 0;
background-color: #88003300;
border: 0px 0px 2px 0px;
@ -126,27 +125,27 @@
end: false;
}
#separator {
separator {
background-color: @blue;
color: #00000000;
}
#prompt.normal.normal {
prompt normal.normal {
background-color: #00000000;
color: #ffffff;
padding: 0px;
}
#entry.normal.normal {
entry normal.normal {
background-color: #00000000;
color: #ffffff;
padding: 0px;
}
#case-indicator.normal.normal {
case-indicator normal.normal {
background-color: #00000000;
color: #ffffff;
padding: 0px;
}
#message {
message {
margin: 30px 30px 30px 30px;
padding: 20px 30px 20px 20px;
padding: 1px ;
@ -154,7 +153,7 @@
border: 5px 5px 5px 5px;
}
#prompt-colon {
prompt-colon {
spacing: 0;
enabled: false;
}

47
User Themes/flat-orange.rasi
View file

@ -21,30 +21,30 @@
background-color: @blackdarkest;
}
#window {
window {
background-color: @blackdarkest;
anchor: north;
location: north;
y-offset: 20%;
}
#mainbox {
mainbox {
background-color: @blackdarkest;
spacing:0px;
children: [inputbar, message, sidebar, listview];
}
#message {
message {
padding: 6px 10px;
background-color:@blackwidget;
}
#textbox {
textbox {
text-color:@darkgray;
background-color:@blackwidget;
}
#listview {
listview {
fixed-height: false;
dynamic: true;
scrollbar: true;
@ -54,94 +54,93 @@
background: @blackdarkest;
}
#element {
element {
padding: 2px 15px;
}
#element.normal.normal {
element normal.normal {
padding: 0px 15px;
background-color: @blackentry;
text-color: @fgwhite;
}
#element.normal.urgent {
element normal.urgent {
background-color: @blackentry;
text-color: @urgentcolor;
}
#element.normal.active {
element normal.active {
background-color: @blackentry;
text-color: @maincolor;
}
#element.selected.normal {
element selected.normal {
background-color: @blackselect;
text-color: @fgwhite;
}
#element.selected.urgent {
element selected.urgent {
background-color: @urgentcolor;
text-color: @blackdarkest;
}
#element.selected.active {
element selected.active {
background-color: @maincolor;
text-color: @blackdarkest;
}
#element.alternate.normal {
element alternate.normal {
background-color: @blackentry;
text-color: @fgwhite;
}
#element.alternate.urgent {
element alternate.urgent {
background-color: @blackentry;
text-color: @urgentcolor;
}
#element.alternate.active {
element alternate.active {
background-color: @blackentry;
text-color: @maincolor;
}
#scrollbar {
scrollbar {
background-color: @blackwidget;
handle-color: @darkgray;
handle-width: 15px;
}
#sidebar {
sidebar {
background-color: @blackwidget;
}
#button {
button {
background-color: @blackwidget;
text-color: @darkgray;
}
#button.selected {
button selected {
text-color: @maincolor;
}
#inputbar {
inputbar {
background-color: @blackdarkest;
spacing: 0px;
}
#prompt {
prompt {
padding:6px 9px;
background-color: @maincolor;
text-color:@blackwidget;
}
#entry {
entry {
padding:6px 10px;
background-color:@blackwidget;
text-color:@fgwhite;
}
#case-indicator {
case-indicator {
padding:6px 10px;
text-color:@maincolor;
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
* Copyright: Diki Ananta
**/
* {
selected-normal-foreground: rgba ( 249, 249, 249, 100 % );
selected-normal-foreground: @lightfg;
foreground: rgba ( 196, 202, 212, 100 % );
normal-foreground: @foreground;
alternate-normal-background: rgba ( 42, 42, 42, 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 % );
urgent-foreground: rgba ( 249, 249, 249, 100 % );
alternate-urgent-background: rgba ( 194, 65, 65, 100 % );
active-foreground: rgba ( 249, 249, 249, 100 % );
lightbg: rgba ( 196, 202, 212, 100 % );
selected-active-foreground: rgba ( 249, 249, 249, 100 % );
alternate-active-background: rgba ( 43, 131, 166, 100 % );
urgent-foreground: @lightfg;
alternate-urgent-background: @red;
active-foreground: @lightfg;
lightbg: @foreground;
selected-active-foreground: @lightfg;
alternate-active-background: @blue;
background: rgba ( 33, 33, 33, 100 % );
alternate-normal-foreground: @foreground;
normal-background: rgba ( 33, 33, 33, 100 % );
normal-background: @background;
lightfg: rgba ( 249, 249, 249, 100 % );
selected-normal-background: rgba ( 90, 90, 90, 100 % );
border-color: @foreground;
spacing: 2;
separatorcolor: rgba ( 183, 183, 183, 100 % );
urgent-background: rgba ( 194, 65, 65, 100 % );
urgent-background: @red;
selected-urgent-background: rgba ( 214, 78, 78, 100 % );
alternate-urgent-foreground: @urgent-foreground;
background-color: rgba ( 0, 0, 0, 0 % );
alternate-active-foreground: @active-foreground;
active-background: rgba ( 43, 131, 166, 100 % );
active-background: @blue;
selected-active-background: rgba ( 39, 141, 182, 100 % );
}
#window {
window {
background-color: @background;
border: 0;
padding: 8;
}
#mainbox {
mainbox {
border: 0;
padding: 0;
}
#message {
message {
border: 2px dash 0px 0px;
border-color: @separatorcolor;
padding: 1px;
}
#textbox {
textbox {
text-color: @foreground;
}
#listview {
listview {
fixed-height: 0;
border: 0;
border-color: @separatorcolor;
@ -58,86 +58,86 @@
scrollbar: true;
padding: 2px 0px 0px;
}
#element {
element {
border: 0;
padding: 1px;
}
#element.normal.normal {
element normal.normal {
background-color: @normal-background;
text-color: @normal-foreground;
}
#element.normal.urgent {
element normal.urgent {
background-color: @urgent-background;
text-color: @urgent-foreground;
}
#element.normal.active {
element normal.active {
background-color: @active-background;
text-color: @active-foreground;
}
#element.selected.normal {
element selected.normal {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
}
#element.selected.urgent {
element selected.urgent {
background-color: @selected-urgent-background;
text-color: @selected-urgent-foreground;
}
#element.selected.active {
element selected.active {
background-color: @selected-active-background;
text-color: @selected-active-foreground;
}
#element.alternate.normal {
element alternate.normal {
background-color: @alternate-normal-background;
text-color: @alternate-normal-foreground;
}
#element.alternate.urgent {
element alternate.urgent {
background-color: @alternate-urgent-background;
text-color: @alternate-urgent-foreground;
}
#element.alternate.active {
element alternate.active {
background-color: @alternate-active-background;
text-color: @alternate-active-foreground;
}
#scrollbar {
scrollbar {
width: 4px;
border: 0;
handle-color: rgba ( 85, 85, 85, 100 % );
handle-width: 8px;
padding: 0;
}
#sidebar {
sidebar {
border: 2px dash 0px 0px;
border-color: @separatorcolor;
}
#button {
button {
spacing: 0;
text-color: @normal-foreground;
}
#button.selected {
button selected {
background-color: @selected-normal-background;
text-color: @selected-normal-foreground;
}
#inputbar {
inputbar {
spacing: 0px;
text-color: @normal-foreground;
padding: 1px;
children: [ prompt,textbox-prompt-colon,entry,case-indicator ];
}
#case-indicator {
case-indicator {
spacing: 0;
text-color: @normal-foreground;
}
#entry {
entry {
spacing: 0;
text-color: @normal-foreground;
}
#prompt {
prompt {
spacing: 0;
text-color: @normal-foreground;
}
#textbox-prompt-colon {
textbox-prompt-colon {
expand: false;
margin: 0px 0.3000em 0.0000em 0.0000em ;
str: ":";
margin: 0px 0.3000em 0.0000em 0.0000em;
text-color: inherit;
}

34
User Themes/sidetab.rasi
View file

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

50
User Themes/solarized-darker.rasi
View file

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