Make the world opaque

.config/rofi/config.rasi

@@ -22,7 +22,7 @@
 
     background: #00000000;
     background-color: @background;
-    background-opaque: #002b36cc;
+    background-opaque: #002b36ff;
     foreground: #93a1a1;
     border-color: @foreground;
     spacing: 2;

.config/rofi/topleft.rasi

@@ -0,0 +1,164 @@
+* {
+    active-background: #20ABE0;
+    active-foreground: @foreground;
+    normal-background: @background;
+    normal-foreground: @foreground;
+    urgent-background: #288AB2;
+    urgent-foreground: @foreground;
+
+    alternate-active-background: @background;
+    alternate-active-foreground: @foreground;
+    alternate-normal-background: @background;
+    alternate-normal-foreground: @foreground;
+    alternate-urgent-background: @background;
+    alternate-urgent-foreground: @foreground;
+
+    selected-active-background: #288AB2;
+    selected-active-foreground: @foreground;
+    selected-normal-background: #859900cc;
+    selected-normal-foreground: #002b36;
+    selected-urgent-background: #4BB0CF;
+    selected-urgent-foreground: @foreground;
+
+    background: #00000000;
+    background-color: @background;
+    background-opaque: #002b36ff;
+    foreground: #93a1a1;
+    border-color: @foreground;
+    spacing: 2;
+}
+
+#window {
+    background-color: @background-opaque;
+    border: 0px;
+    padding: 0ch 0.5ch 0ch 0.5ch;
+}
+
+#mainbox {
+    border: 0;
+    padding: 0;
+}
+
+#message {
+    border: 2px 0px 0px;
+    border-color: @border-color;
+    padding: 1px;
+}
+
+#textbox {
+    text-color: @foreground;
+}
+
+inputbar {
+    children:   [ prompt,textbox-prompt-colon,entry,case-indicator ];
+}
+
+textbox-prompt-colon {
+    expand: false;
+    str: ":";
+    margin: 0px 0.3em 0em 0em;
+    text-color: @normal-foreground;
+}
+
+#listview {
+    fixed-height: 0;
+    border: 1px 0px 0px;
+    border-color: @border-color;
+    spacing: 3px;
+    scrollbar: true;
+    padding: 9px 0px 0px;
+}
+
+#element {
+    border: 0;
+    padding: 3px 3px 3px;
+}
+
+#element.normal.normal {
+    background-color: @normal-background;
+    text-color: @normal-foreground;
+}
+
+#element.normal.urgent {
+    background-color: @urgent-background;
+    text-color: @urgent-foreground;
+}
+
+#element.normal.active {
+    background-color: @active-background;
+    text-color: @active-foreground;
+}
+
+#element.selected.normal {
+    background-color: @selected-normal-background;
+    text-color: @selected-normal-foreground;
+    border: 0px;
+    border-color: @foreground;
+}
+
+#element.selected.urgent {
+    background-color: @selected-urgent-background;
+    text-color: @selected-urgent-foreground;
+}
+
+#element.selected.active {
+    background-color: @selected-active-background;
+    text-color: @selected-active-foreground;
+}
+
+#element.alternate.normal {
+    background-color: @alternate-normal-background;
+    text-color: @alternate-normal-foreground;
+}
+
+#element.alternate.urgent {
+    background-color: @alternate-urgent-background;
+    text-color: @alternate-urgent-foreground;
+}
+
+#element.alternate.active {
+    background-color: @alternate-active-background;
+    text-color: @alternate-active-foreground;
+}
+
+#scrollbar {
+    width: 4px;
+    border: 0;
+    handle-width: 8px;
+    padding: 0;
+}
+
+#sidebar {
+    border: 2px 0px 0px;
+    border-color: @border-color;
+}
+
+#button.selected {
+    background-color: @selected-normal-background;
+    text-color: @selected-normal-foreground;
+}
+
+#inputbar {
+    spacing: 0;
+    text-color: @normal-foreground;
+    padding: 1px;
+}
+
+#case-indicator {
+    spacing: 0;
+    text-color: @normal-foreground;
+}
+
+#entry {
+    spacing: 0;
+    text-color: @normal-foreground;
+}
+
+#prompt {
+    spacing: 0;
+    text-color: @normal-foreground;
+}
+
+element-text {
+ text-color: inherit;
+}