--- /dev/null
+/*
+ * DARKNIX appsmenu rofi theme
+ * tested on a 1366x768 screen
+ */
+
+/* IMPORTS */
+@import "libs/settings.rasi"
+@import "libs/reset.rasi"
+
+/** Default settings, every widget inherits from this. */
+* {
+ /** Default background color is transparent. */
+ background-color: @bg-trans;
+ text-color: @accent;
+}
+
+/**
+ * Entry box on top.
+ */
+entry {
+ /** Background is grey */
+ background-color: @bg;
+ /** 4px padding on the inside of the border. */
+ padding: 4px;
+ /** when no text is set, show 'Type to filter' */
+ placeholder: "Type to filter";
+ placeholder-color: @fg;
+ /** inherit font setting from parent */
+ font: inherit;
+ cursor: text;
+ border: 2px 2px 2px 0px;
+ /** with a radius on the left two corners. */
+ border-radius: 0px 4px 4px 0px;
+ /** add matching border. */
+ border-color: @accent;
+}
+
+/**
+ * Input bar
+ */
+inputbar {
+ /** no spacing between widgets */
+ spacing: 0;
+ /** include entry and mode-switcher (removes prompt) */
+ children: [ icon-keyboard, entry ];
+ /** use monospace font. */
+ font: "Montserrat 18";
+ margin: 0 10em 1em;
+}
+
+entry {
+ vertical-align: 0.5;
+}
+
+/**
+ * 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: @accent;
+ /** match background. */
+ background-color: @bg;
+ /** 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: @bg-trans;
+ /** Small one 1 font width border on inside of window. */
+ padding: 0 0 2em;
+
+ /** border */
+ border: 0;
+}
+
+/**
+ * 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: 0.5em;
+ /** Don't reduce columns if less items are available. */
+ fixed-columns: true;
+}
+scrollbar {
+ enabled: false;
+}
+
+/**
+ * entry in listview.
+ */
+element {
+ /** clients are packed vertically. */
+ orientation: vertical;
+ /** 2 px border */
+ border: 1px;
+ /** with 4px radius on corners. */
+ border-radius: 1em;
+ border-color: @accent;
+ background-color: @bg-trans;
+ /** 4 px padding on the inside of border */
+ cursor: pointer;
+ padding: 6px;
+}
+
+/** selected element */
+element selected {
+ /** highlighted colors */
+ background-color: @bg-focus;
+ text-color: @fg-list;
+}
+
+/** Entry icon */
+element-icon {
+ /** change size to 128 pixels. */
+ size: 128px;
+ cursor: inherit;
+}
+
+/** Entry text */
+element-text {
+ /* align font in (horizontally) center */
+ horizontal-align: 0.5;
+ cursor: inherit;
+}
+element-text selected {
+ border-radius: 1em;
+ background-color: @accent;
+ text-color: @bg;
+}