Update the Rofi config and themes

The FDS Rofi theme got a makeover with the updated colors and aesthetics.

There is also a new theme which is basically a fork of the official dmenu theme. It is also the default Rofi theme.

rofi/config.rasi

@@ -5,5 +5,5 @@ configuration {
     display-ssh: "SSH";
     font: "Iosevka 14";
     show-icons: true;
-    theme: "fds-sidebar-dark";
+    theme: "dmenu";
 }

rofi/dmenu.rasi

@@ -0,0 +1,44 @@
+/**
+ * ROFI Color theme
+ * User: Qball
+ * Copyright: Dave Davenport
+ * Modified by: Gabriel Arazas (foo-dogsquared)
+ */
+
+* {
+    background-color:      Black;
+    border-color:          White;
+    text-color:           White;
+    font:            "Iosevka 14";
+}
+
+window {
+    anchor:     north;
+    location:   north;
+    width:      100%;
+    padding:    7px;
+    children:   [ horibox ];
+}
+
+horibox {
+    orientation: horizontal;
+    children:   [ prompt, entry, listview ];
+}
+
+listview {
+    layout:     horizontal;
+    spacing:    5px;
+    lines:      100;
+}
+
+entry {
+    expand:     false;
+    width:      10em;
+}
+
+element {
+    padding: 0px 2px;
+}
+element.selected {
+    background-color: #d59783;
+}

rofi/fds-sidebar-common.rasi

@@ -1,3 +1,10 @@
+/** 
+    This is the actual styling of the 'foo-dogsquared Sidebar' theme. 
+    Though, it needs to be imported from another Rofi theme file to color it. 
+
+    See the 'fds-sidebar-dark` Rofi theme file for an example. 
+**/
+
 * {
     /* Theme settings */
     highlight: bold italic;
@@ -21,10 +28,33 @@ window {
 
 mainbox {
     background-color: @background;
+    children: [ inputbar, listview, mode-switcher ];
+    padding: 0.5em;
+}
+
+inputbar,
+listview {
+    margin: 0 0 0.5em 0;
+}
+
+inputbar {
+    orientation: vertical;
+    children: [ prompt, entry ];
+}
+
+prompt {
+    width: 100%;
+    text-style: underline;
+}
+
+entry {
+    background-color: @background-light;
+    margin: 0 1em 0 0;
 }
 
 element {
     padding: 5;
+    background-color: @background-light;
 }
 
 element selected.normal {
@@ -32,26 +62,25 @@ element selected.normal {
     text-color: @background;
 }
 
-element normal.normal {
-    background-color: @background-light;
-}
-
-element alternate.normal {
-    background-color: @background-dark;
-}
-
 scrollbar {
     width: 10px;
     background-color: @background-light;
     handle-color: @scrollbar-handle;
-    handle-width: 10px;
+    handle-width: 15px;
     height: 100%;
-    margin: 5;
-    padding: 0;
+    border-radius: 30%;
+}
+
+listview {
+    cyclic: true;
+    spacing: 0.6em;
+}
+
+element, button {
+    border-radius: 30%;
 }
 
 button,
-prompt,
 inputbar,
 case-indicator,
 entry {
@@ -63,6 +92,10 @@ sidebar {
     margin: 5;
 }
 
+button {
+    margin: 0.25em;
+}
+
 button.selected {
     background-color: @background-light;
 }