1
0
Fork 0
mirror of https://github.com/davatorium/rofi.git synced 2024-11-18 13:54:36 -05:00

[Theme] Add a theme with some more documentation added.

This commit is contained in:
Dave Davenport 2021-02-13 12:41:16 +01:00
parent 653f023b21
commit b89a1dab35

178
themes/docu.rasi Normal file
View file

@ -0,0 +1,178 @@
/**
* ROFI Documentation theme.
* User: Qball
* Copyright: Dave Davenport
*/
/** Default settings. */
* {
/** Default background color is transparent. */
background-color: transparent;
/** Default text is white */
text-color: white;
}
/**
* Entry box on top.
*/
entry {
/** top bottom border */
border: 2px 0px;
/** Dark grey border color */
border-color: darkgrey;
/** Background is grey */
background-color: grey;
/** 4px padding on the inside of the border. */
padding: 4px;
/** when no text is set, show 'Type to filter' */
placeholder: "Type to filter";
/** this text is dark grey */
placeholder-color: darkgrey;
/** inherit font setting from parent */
font: inherit;
}
/**
* Input bar
*/
inputbar {
/** no spacing between widgets */
spacing: 0;
/** include entry and mode-switcher (removes prompt) */
children: [ icon-keyboard, entry, mode-switcher ];
/** use monospace font. */
font: "mono 18";
}
/**
* Mode switcher.
* We set it up to 'connect' to reset of input bar.
*/
mode-switcher {
/** we use spacing between children to draw a 'border' */
spacing: 2px;
border: 2px;
border-radius: 0px 4px 4px 0px;
/** border and background are same color, widget will have desired bg color.*/
/** this way the spacing shows as a border */
border-color: darkgrey;
background-color: darkgrey;
/** inherit font setting from parent */
font: inherit;
}
/**
* Buttons in mode switcher.
*/
button {
background-color: grey;
border-color: darkgrey;
/** inherit font setting from parent */
font: inherit;
}
/**
* Selected buttons in mode switcher.
*/
button selected {
background-color: lightgrey;
text-color: black;
}
/**
* Small icon in inputbar
*/
icon-keyboard {
/** give it a 2 pixel border, except on the right side. */
border: 2px 0px 2px 2px;
/** with a radius on the left two corners. */
border-radius: 4px 0px 0px 4px;
/** add matching border. */
border-color: darkgrey;
/** match background. */
background-color: grey;
/** move icon away from right border. */
padding: 0px 10px 0px 10px;
/** Only use required space. */
expand: false;
/** icon is around 1.2 font width */
size: 1.2em;
/** Icon name, we use symbolic name here */
filename: "keyboard";
}
/**
* Main window widget
*/
window {
/** Place on top center of rofi window on the top center of the screen. */
anchor: north;
location: north;
/** 100% screen width */
width: 100%;
/** Black transparent color. */
background-color: black / 70%;
/** Small one 1 font width border on inside of window. */
padding: 1em;
/** border */
border-color: black;
border: 0em 0.2em 0.2em;
}
/**
* Main container in the window.
*/
mainbox {
/** spacing between widgets */
spacing: 1em;
}
/**
* listview that shows entries.
*/
listview {
/** 4 rows. */
lines: 4;
/** 6 columns */
columns: 6;
/** add 1 em spacing between items */
spacing: 1em;
/** Don't reduce columns if less items are available. */
fixed-columns: true;
}
/**
* entry in listview.
*/
element {
/** clients are packed vertically. */
orientation: vertical;
/** 2 px border */
border: 2px;
/** with 4px radius on corners. */
border-radius: 4px ;
border-color: darkgrey;
background-color: grey;
/** 4 px padding on the inside of border */
padding: 4px;
}
/** selected element */
element selected {
/** highlighted colors */
background-color: lightgrey;
text-color: black;
}
/** Entry icon */
element-icon {
/** change size to 128 pixels. */
size: 128px;
}
/** Entry text */
element-text {
/* align font in (horizontally) center */
horizontal-align: 0.5;
}