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

1 files changed, 178 insertions, 0 deletions

diff --git a/themes/docu.rasi b/themes/docu.rasi
new file mode 100644
index 00000000..a44da960
--- /dev/null
+++ b/themes/docu.rasi
@@ -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;
+}