Make the world opaque

.config/mako/config

@@ -0,0 +1,18 @@
+anchor=top-left
+background-color=#002b36ff
+border-color=#859900ff
+border-size=1
+font=DejaVu Sans Mono 10
+icon-location=left
+margin=6
+max-visible=-1
+output=eDP-1
+progress-color=source #859900ff
+text-color=#93a1a1
+text-alignment=left
+width=400
+
+[app-name="Spotify"]
+anchor=top-right
+icon-location=right
+text-alignment=center

.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;
+}

.config/sway/config

@@ -263,10 +263,10 @@ bar {
 
     colors {
         statusline #ffffff
-        background #002b36cc
-        inactive_workspace #002b36cc #002b36cc #93a1a1
-        active_workspace #859900cc #859900cc #002b36
-        focused_workspace #859900cc #859900cc #002b36
+        background #002b36ff
+        inactive_workspace #002b36ff #002b36ff #93a1a1
+        active_workspace #859900ff #859900ff #002b36
+        focused_workspace #859900ff #859900ff #002b36
     }
 }
 

.config/sway/status.toml

@@ -3,11 +3,11 @@ icons = "awesome"
 [theme]
 name = "solarized-dark"
 [theme.overrides]
-idle_bg = "#002b36cc"
-info_bg = "#268bd2cc"
-good_bg = "#859900cc"
-warning_bg = "#b58900cc"
-critical_bg = "#dc322fcc"
+idle_bg = "#002b36ff"
+info_bg = "#268bd2ff"
+good_bg = "#859900ff"
+warning_bg = "#b58900ff"
+critical_bg = "#dc322fff"
 alternating_tint_bg = "#00000000"
 separator = "<span font='12'>\ue0b2</span>"
 #separator = ""