add more transparency

17 files changed, 362 insertions, 239 deletions

diff --git a/Xdefaults b/Xdefaults
index a28bbc3..f08b7e2 100644
--- a/Xdefaults
+++ b/Xdefaults
@@ -1,10 +1,10 @@
 #define FG #fefefe
 #define BG #191919
 
-! #define font1 minecraft enchantment:minispace=False:size=10:antialias=true
-! #define spacing 2
+! #define font1 xft:minecraft enchantment:minispace=False:size=10:antialias=true
+! #define spacing -2
 
-#define font1 mononoki:minispace=False:size=10:antialias=true
+#define font1 xft:mononoki:minispace=False:size=14:antialias=true
 #define spacing 2
 
 #define font2 xft:MesloLGM Nerd Font Mono:minispace=False:size=10
@@ -17,9 +17,8 @@ dzen2.font: mononoki
 
 *.foreground: FG
 *.background: BG
-*.alpha: 100
 *.borderColor: BG
-*.cursorColor: FG
+*.cursorColor: FG 
 
 ! black
 *.color0:       #282a2e
@@ -56,7 +55,7 @@ dzen2.font: mononoki
 ! Set depth to make transparency work.
 URxvt*depth: 32
 
-*.font: font1
+*.font: mononoki:minispace=False:size=10:antialias=true
 URxvt.font: font1,font2,font3,font4
 URxvt.boldFont: font1:style=bold,font2:style=bold,font3:style=bold,font4
 URxvt.italicFont:font1:style=italic,font2:style=italic,font3:style=italic,font4
diff --git a/config/cava/config b/config/cava/config
index 2ddd926..f683ee5 100644
--- a/config/cava/config
+++ b/config/cava/config
@@ -1,4 +1,5 @@
-## Configuration file for CAVA. Default values are commented out. Use either ';' or '#' for commenting.
+## Configuration file for CAVA.
+# Remove the ; to change parameters.
 
 
 [general]
@@ -12,18 +13,28 @@
 # 'autosens' will attempt to decrease sensitivity if the bars peak. 1 = on, 0 = off
 # new as of 0.6.0 autosens of low values (dynamic range)
 # 'overshoot' allows bars to overshoot (in % of terminal height) without initiating autosens. DEPRECATED as of 0.6.0
-; autosens = 1
+autosens = 1
 ; overshoot = 20
 
-# Manual sensitivity in %. Autosens must be turned off for this to take effect.
+# Manual sensitivity in %. If autosens is enabled, this will only be the initial value.
 # 200 means double height. Accepts only non-negative values.
-; sensitivity = 100
+sensitivity = 100
 
-# The number of bars (0-200). 0 sets it to auto (fill up console).
+# The number of bars (0-512). 0 sets it to auto (fill up console).
 # Bars' width and space between bars in number of characters.
 ; bars = 0
 ; bar_width = 2
 ; bar_spacing = 1
+# bar_height is only used for output in "noritake" format
+; bar_height = 32
+
+# For SDL width and space between bars is in pixels, defaults are:
+; bar_width = 20
+; bar_spacing = 5
+
+# sdl_glsl have these default values, they are only used to calulate max number of bars.
+; bar_width = 1
+; bar_spacing = 0
 
 
 # Lower and higher cutoff frequencies for lowest and highest bars
@@ -33,38 +44,52 @@
 ; lower_cutoff_freq = 50
 ; higher_cutoff_freq = 10000
 
-# FFT buffer is set in the exponent of 2 and must be between 8 - 16, 8 = 256, 16 = 65536
-# this is the audio buffer used to create the spectrum
-# increasing the will improve the accuracy of the visualization,
-# but will also make it slower and increase CPU usage
-# anything below 10 and above 13 is considered experimental.
-; FFTbufferSize = 12;
 
+# Seconds with no input before cava goes to sleep mode. Cava will not perform FFT or drawing and
+# only check for input once per second. Cava will wake up once input is detected. 0 = disable.
+; sleep_timer = 0
 
 
 [input]
 
-# Audio capturing method. Possible methods are: 'pulse', 'alsa', 'fifo', 'sndio' or 'shmem'
-# Defaults to 'pulse', 'alsa' or 'fifo', in that order, dependent on what support cava was built with.
+# Audio capturing method. Possible methods are: 'fifo', 'portaudio', 'pipewire', 'alsa', 'pulse', 'sndio', 'oss', 'jack' or 'shmem'
+# Defaults to 'oss', 'pipewire', 'sndio', 'jack', 'pulse', 'alsa', 'portaudio' or 'fifo', in that order, dependent on what support cava was built with.
+# On Mac it defaults to 'portaudio' or 'fifo'
+# On windows this is automatic and no input settings are needed.
 #
 # All input methods uses the same config variable 'source'
 # to define where it should get the audio.
 #
-# For pulseaudio 'source' will be the source. Default: 'auto', which uses the monitor source of the default sink
+# For pulseaudio and pipewire 'source' will be the source. Default: 'auto', which uses the monitor source of the default sink
 # (all pulseaudio sinks(outputs) have 'monitor' sources(inputs) associated with them).
 #
+# For pipewire 'source' will be the object name or object.serial of the device to capture from.
+# Both input and output devices are supported.
+#
 # For alsa 'source' will be the capture device.
 # For fifo 'source' will be the path to fifo-file.
 # For shmem 'source' will be /squeezelite-AA:BB:CC:DD:EE:FF where 'AA:BB:CC:DD:EE:FF' will be squeezelite's MAC address
+#
+# For sndio 'source' will be a raw recording audio descriptor or a monitoring sub-device, e.g. 'rsnd/2' or 'snd/1'. Default: 'default'.
+# README.md contains further information on how to setup CAVA for sndio.
+#
+# For oss 'source' will be the path to a audio device, e.g. '/dev/dsp2'. Default: '/dev/dsp', i.e. the default audio device.
+# README.md contains further information on how to setup CAVA for OSS on FreeBSD.
+#
+# For jack 'source' will be the name of the JACK server to connect to, e.g. 'foobar'. Default: 'default'.
+# README.md contains further information on how to setup CAVA for JACK.
+#
+method = pulse
+source = auto
+
+; method = pipewire
 ; source = auto
 
-method = alsa
- source = hw:Loopback,1
+; method = alsa
+; source = hw:Loopback,1
 
 ; method = fifo
 ; source = /tmp/mpd.fifo
-; sample_rate = 44100
-; sample_bits = 16
 
 ; method = shmem
 ; source = /squeezelite-AA:BB:CC:DD:EE:FF
@@ -72,30 +97,73 @@ method = alsa
 ; method = portaudio
 ; source = auto
 
+; method = sndio
+; source = default
+
+; method = oss
+; source = /dev/dsp
+
+; method = jack
+; source = default
+
+# The options 'sample_rate', 'sample_bits', 'channels' and 'autoconnect' can be configured for some input methods:
+#   sample_rate: fifo, pipewire, sndio, oss
+#   sample_bits: fifo, pipewire, sndio, oss
+#   channels:    sndio, oss, jack
+#   autoconnect: jack
+# Other methods ignore these settings.
+#
+# For 'sndio' and 'oss' they are only preferred values, i.e. if the values are not supported
+# by the chosen audio device, the device will use other supported values instead.
+# Example: 48000, 32 and 2, but the device only supports 44100, 16 and 1, then it
+# will use 44100, 16 and 1.
+#
+; sample_rate = 44100
+; sample_bits = 16
+; channels = 2
+; autoconnect = 2
+
 
 [output]
 
-# Output method. Can be 'ncurses', 'noncurses' or 'raw'.
-# 'noncurses' uses a custom framebuffer technique and draws only changes
-# from frame to frame. As of version 0.7.0 'noncurses' is default.
+# Output method. Can be 'ncurses', 'noncurses', 'raw', 'noritake', 'sdl'
+# or 'sdl_glsl'.
+# 'noncurses' (default) uses a buffer and cursor movements to only print
+# changes from frame to frame in the terminal. Uses less resources and is less
+# prone to tearing (vsync issues) than 'ncurses'.
 #
 # 'raw' is an 8 or 16 bit (configurable via the 'bit_format' option) data
 # stream of the bar heights that can be used to send to other applications.
 # 'raw' defaults to 200 bars, which can be adjusted in the 'bars' option above.
-; method = ncurses
+#
+# 'noritake' outputs a bitmap in the format expected by a Noritake VFD display
+#  in graphic mode. It only support the 3000 series graphical VFDs for now.
+#
+# 'sdl' uses the Simple DirectMedia Layer to render in a graphical context.
+# 'sdl_glsl' uses SDL to create an OpenGL context. Write your own shaders or
+# use one of the predefined ones.
+method = noncurses
+
+# Orientation of the visualization. Can be 'bottom', 'top', 'left' or 'right'.
+# Default is 'bottom'. Other orientations are only supported on sdl and ncruses
+# output. Note: many fonts have weird glyphs for 'top' and 'right' characters,
+# which can make ncurses not look right.
+; orientation = bottom
 
 # Visual channels. Can be 'stereo' or 'mono'.
 # 'stereo' mirrors both channels with low frequencies in center.
 # 'mono' outputs left to right lowest to highest frequencies.
 # 'mono_option' set mono to either take input from 'left', 'right' or 'average'.
+# set 'reverse' to 1 to display frequencies the other way around.
 ; channels = stereo
 ; mono_option = average
+; reverse = 0
 
 # Raw output target. A fifo will be created if target does not exist.
 ; raw_target = /dev/stdout
 
 # Raw data format. Can be 'binary' or 'ascii'.
-; data_format = binary
+data_format = ascii
 
 # Binary bit format, can be '8bit' (0-255) or '16bit' (0-65530).
 ; bit_format = 16bit
@@ -108,30 +176,61 @@ method = alsa
 ; bar_delimiter = 59
 ; frame_delimiter = 10
 
+# sdl window size and position. -1,-1 is centered.
+; sdl_width = 1000
+; sdl_height = 500
+; sdl_x = -1
+; sdl_y= -1
+; sdl_full_screen = 0
 
+# set label on bars on the x-axis. Can be 'frequency' or 'none'. Default: 'none'
+# 'frequency' displays the lower cut off frequency of the bar above.
+# Only supported on ncurses and noncurses output.
+; xaxis = none
+
+# enable alacritty synchronized updates. 1 = on, 0 = off
+# removes flickering in alacritty terminal emulator.
+# defaults to off since the behaviour in other terminal emulators is unknown
+; alacritty_sync = 0
+
+# Shaders for sdl_glsl, located in $HOME/.config/cava/shaders
+; vertex_shader = pass_through.vert
+; fragment_shader = bar_spectrum.frag
+
+; for glsl output mode, keep rendering even if no audio
+; continuous_rendering = 0
+
+# disable console blank (screen saver) in tty
+# (Not supported on FreeBSD)
+; disable_blanking = 0
 
 [color]
 
 # Colors can be one of seven predefined: black, blue, cyan, green, magenta, red, white, yellow.
 # Or defined by hex code '#xxxxxx' (hex code must be within ''). User defined colors requires
-# ncurses output method and a terminal that can change color definitions such as Gnome-terminal or rxvt.
+# a terminal that can change color definitions such as Gnome-terminal or rxvt.
 # default is to keep current terminal color
 ; background = default
 ; foreground = default
 
-# Gradient mode, only hex defined colors (and thereby ncurses mode) are supported,
-# background must also be defined in hex  or remain commented out. 1 = on, 0 = off.
+# SDL and sdl_glsl only support hex code colors, these are the default:
+; background = '#111111'
+; foreground = '#33ffff'
+
+
+# Gradient mode, only hex defined colors are supported,
+# background must also be defined in hex or remain commented out. 1 = on, 0 = off.
 # You can define as many as 8 different colors. They range from bottom to top of screen
-; gradient = 1
-; gradient_count = 8
-; gradient_color_1 = '#59cc33'
-; gradient_color_2 = '#80cc33'
-; gradient_color_3 = '#a6cc33'
-; gradient_color_4 = '#cccc33'
-; gradient_color_5 = '#cca633'
-; gradient_color_6 = '#cc8033'
-; gradient_color_7 = '#cc5933'
-; gradient_color_8 = '#cc3333'
+gradient = 0
+gradient_count = 8
+gradient_color_1 = '#59cc33'
+gradient_color_2 = '#80cc33'
+gradient_color_3 = '#a6cc33'
+gradient_color_4 = '#cccc33'
+gradient_color_5 = '#cca633'
+gradient_color_6 = '#cc8033'
+gradient_color_7 = '#cc5933'
+gradient_color_8 = '#cc3333'
 
 
 
@@ -139,25 +238,33 @@ method = alsa
 
 # Percentage value for integral smoothing. Takes values from 0 - 100.
 # Higher values means smoother, but less precise. 0 to disable.
-; integral = 76
+# DEPRECATED as of 0.8.0, use noise_reduction instead
+; integral = 77
 
 # Disables or enables the so-called "Monstercat smoothing" with or without "waves". Set to 0 to disable.
-monstercat = 1
-; waves = 0
+monstercat = 0
+waves = 0
 
 # Set gravity percentage for "drop off". Higher values means bars will drop faster.
 # Accepts only non-negative values. 50 means half gravity, 200 means double. Set to 0 to disable "drop off".
+# DEPRECATED as of 0.8.0, use noise_reduction instead
 ; gravity = 100
 
 
 # In bar height, bars that would have been lower that this will not be drawn.
+# DEPRECATED as of 0.8.0
 ; ignore = 0
 
+# Noise reduction, int 0 - 100. default 77
+# the raw visualization is very noisy, this factor adjusts the integral and gravity filters to keep the signal smooth
+# 100 will be very slow and smooth, 0 will be fast but noisy.
+noise_reduction = 50
+
 
 [eq]
 
 # This one is tricky. You can have as much keys as you want.
-# Remember to uncomment more then one key! More keys = more precision.
+# Remember to uncomment more than one key! More keys = more precision.
 # Look at readme.md on github for further explanations and examples.
 ; 1 = 1 # bass
 ; 2 = 1
diff --git a/config/mimeapps.list b/config/mimeapps.list
index fe28a07..05ad961 100644
--- a/config/mimeapps.list
+++ b/config/mimeapps.list
@@ -3,28 +3,28 @@ image/jpeg=feh.desktop
 image/png=feh.desktop
 image/webp=feh.desktop
 image/gif=feh.desktop
-x-scheme-handler/http=userapp-Firefox-AK3I01.desktop
-x-scheme-handler/https=userapp-Firefox-AK3I01.desktop
-x-scheme-handler/chrome=userapp-Firefox-AK3I01.desktop
-text/html=userapp-Firefox-AK3I01.desktop
-application/x-extension-htm=userapp-Firefox-AK3I01.desktop
-application/x-extension-html=userapp-Firefox-AK3I01.desktop
-application/x-extension-shtml=userapp-Firefox-AK3I01.desktop
-application/xhtml+xml=userapp-Firefox-AK3I01.desktop
-application/x-extension-xhtml=userapp-Firefox-AK3I01.desktop
-application/x-extension-xht=userapp-Firefox-AK3I01.desktop
+x-scheme-handler/http=userapp-Firefox-PCQJ91.desktop
+x-scheme-handler/https=userapp-Firefox-PCQJ91.desktop
+x-scheme-handler/chrome=userapp-Firefox-PCQJ91.desktop
+text/html=userapp-Firefox-PCQJ91.desktop
+application/x-extension-htm=userapp-Firefox-PCQJ91.desktop
+application/x-extension-html=userapp-Firefox-PCQJ91.desktop
+application/x-extension-shtml=userapp-Firefox-PCQJ91.desktop
+application/xhtml+xml=userapp-Firefox-PCQJ91.desktop
+application/x-extension-xhtml=userapp-Firefox-PCQJ91.desktop
+application/x-extension-xht=userapp-Firefox-PCQJ91.desktop
 
 [Added Associations]
-x-scheme-handler/http=userapp-Firefox-AK3I01.desktop;
-x-scheme-handler/https=userapp-Firefox-AK3I01.desktop;
-x-scheme-handler/chrome=userapp-Firefox-AK3I01.desktop;
-text/html=userapp-Firefox-AK3I01.desktop;
-application/x-extension-htm=userapp-Firefox-AK3I01.desktop;
-application/x-extension-html=userapp-Firefox-AK3I01.desktop;
-application/x-extension-shtml=userapp-Firefox-AK3I01.desktop;
-application/xhtml+xml=userapp-Firefox-AK3I01.desktop;
-application/x-extension-xhtml=userapp-Firefox-AK3I01.desktop;
-application/x-extension-xht=userapp-Firefox-AK3I01.desktop;
+x-scheme-handler/http=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+x-scheme-handler/https=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+x-scheme-handler/chrome=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+text/html=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+application/x-extension-htm=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+application/x-extension-html=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+application/x-extension-shtml=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+application/xhtml+xml=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+application/x-extension-xhtml=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
+application/x-extension-xht=userapp-Firefox-AK3I01.desktop;userapp-Firefox-PCQJ91.desktop;
 image/gif=nsxiv.desktop;
 image/png=gimp.desktop;
 image/jpeg=gimp.desktop;
diff --git a/config/mpd/mpd.conf b/config/mpd/mpd.conf
index b086d5e..5dd1296 100644
--- a/config/mpd/mpd.conf
+++ b/config/mpd/mpd.conf
@@ -15,14 +15,24 @@ audio_output {
 
 audio_output {
 	type		"pulse"
-	name		"mpd"
+    name		"mpd pulse"
 }
 
+#audio_output {
+#	type "jack"
+#	name "MPD jack"
+#}
+
+#audio_output {
+	#type "pipewire"
+	#name "MPD pipewire"
+#}
+
 audio_output {
        type            "fifo"
        name            "Visualizer feed"
        path            "/tmp/mpd.fifo"
-       format          "44100:16:2"
+       format          "22050:16:2"
 }
 
 db_file            "~/.config/mpd/database"
diff --git a/config/polybar/config b/config/polybar/config
index d8f670e..f3a2f6e 100644
--- a/config/polybar/config
+++ b/config/polybar/config
@@ -4,8 +4,8 @@ offsety = 24
 
 [color]
 bg = #191919
-bga = #CC191919
-fg4 = #f58d44
+bga = #C0191919
+fg4= #f58d44
 fg2 = #5f819d
 fg3 = #707880
 fg1 = #fefefe
@@ -40,7 +40,7 @@ modules-right		      = time
 
 [bar/ws]
 inherit                   = bar/base
-width                     = 1870
+width                     = 2510
 offset-x                  = 25
 offset-y                  = 10
 modules-left              = workspaces xwindow
@@ -153,7 +153,7 @@ format-prefix-foreground = #5b
 
 [module/temperature]
 type = custom/script
-exec = sensors | awk '/^Core 0:/ { print substr($3, 2) }'
+exec = sensors | awk '/^Package id 0:/ { print substr($4, 2) }'
 format-prefix = " "
 interval = 1
 
diff --git a/config/rofi/colors-rofi-dark.rasi b/config/rofi/colors-rofi-dark.rasi
index a4b5c0a..0833237 100644
--- a/config/rofi/colors-rofi-dark.rasi
+++ b/config/rofi/colors-rofi-dark.rasi
@@ -6,28 +6,28 @@
     urgent-background: @foreground2;
     urgent-foreground: @foreground;
 
-    alternate-active-background: @background;
+    alternate-active-background: @background2;
     alternate-active-foreground: @foreground;
-    alternate-normal-background: @background;
+    alternate-normal-background: @background2;
     alternate-normal-foreground: @foreground;
-    alternate-urgent-background: @background;
+    alternate-urgent-background: @background2;
     alternate-urgent-foreground: @foreground;
 
-    selected-active-background: @foreground2; 
-    selected-active-foreground: @background2;
+    selected-active-background: @foreground2;
+    selected-active-foreground: @background;
     selected-normal-background: @foreground2;
-    selected-normal-foreground: @background2;
+    selected-normal-foreground: @background;
     selected-urgent-background: @foreground2;
-    selected-urgent-foreground: @background2;
+    selected-urgent-foreground: @background;
 
     text-color:			@foreground;
     border-color:       @foreground;
 
     background-color: #00000000;
-    background: #191919;
-    background2: #191919;
+    background: #191919e0;
+    background2: #19191900;
     foreground: #fefefe;
-    foreground2: #373b41;
+    foreground2: #c5c8c6;
     spacing: 2;
 
     font: "mononoki 12";
@@ -46,7 +46,7 @@
 }
 
 #message {
-    border: 2px 0px 0px;
+    border: 0px 0px 0px;
     border-color: @border-color;
     padding: 1px;
 }
@@ -68,7 +68,7 @@
 
 #listview {
     fixed-height: 0;
-    border: 2px 0px 0px;
+    border: 0px 0px 0px;
     border-color: @border-color;
     spacing: 2px;
     scrollbar: true;
diff --git a/config/sxhkd/sxhkdrc b/config/sxhkd/sxhkdrc
index 7e4f781..d8811c5 100644
--- a/config/sxhkd/sxhkdrc
+++ b/config/sxhkd/sxhkdrc
@@ -45,7 +45,7 @@ super + Return
 
 # open pdf viewer
 super + z
-		curl --output - $(xsel) | zathura -
+		curl -SsL --output - $(xsel) | zathura -
 # open video player
 super + v
 	mpv --player-operation-mode=pseudo-gui $(xsel)
@@ -73,7 +73,7 @@ super + i
 
 # open audio mixer
 super + semicolon
-	bspc rule -a \* -o state=floating && $TERMINAL -e pulsemixer
+	bspc rule -a \* -o state=floating && $TERMINAL -e pulsemixer 
 
 # xkill
 ctrl + alt + Escape
@@ -233,7 +233,7 @@ super + f
 super + d
     [ -z "$(bspc query -N -n focused.sticky)" ] && \
         bspc node focused -g sticky=on || \
-        bspc node focused -g sticky=off;
+        bspc node focused -g stick=off;
 
 super + ctrl + f
 	bspc node -t \~fullscreen
@@ -268,9 +268,9 @@ super + {_, shift +} Tab
 # focus or send to the given desktop
 super + {_,shift + }{1,2,3,4,5,6,7,8,9}
 	bspc {desktop -f,node -d} '{a1,a2,a3,a4,a5,a6,a7,a8,a9}'
-super + alt + {_,shift + }{1,2,3,4,5,6,7,8,9}
-	bspc {desktop -f,node -d} '{b1,b2,b3,b4,b5,b6,b7,b8,b9}'
 super + ctrl + {_,shift + }{1,2,3,4,5,6,7,8,9}
+	bspc {desktop -f,node -d} '{b1,b2,b3,b4,b5,b6,b7,b8,b9}'
+super + alt + {_,shift + }{1,2,3,4,5,6,7,8,9}
 	bspc {desktop -f,node -d} '{c1,c2,c3,c4,c5,c6,c7,c8,c9}'
 
 
diff --git a/mkshrc b/mkshrc
index 293c712..d528096 100644
--- a/mkshrc
+++ b/mkshrc
@@ -35,7 +35,7 @@ parse_git_branch() {
         fi
 }
 
-parse_git_dirty () {
+parse_git_dirty() {
         status=`git status 2>&1 | tee`
         dirty=`echo -n "${status}" 2> /dev/null | grep "modified:" &> /dev/null; echo "$?"`
         untracked=`echo -n "${status}" 2> /dev/null | grep "Untracked files" &> /dev/null; echo "$?"`
diff --git a/profile b/profile
index 09ce224..93a54ad 100644
--- a/profile
+++ b/profile
@@ -14,7 +14,7 @@ export FILE_MANAGER="/usr/bin/thunar"
 export EMAIL_CLIENT="/usr/bin/claws-mail"
 export EDITOR="/usr/bin/vim"
 
-export JAVA_HOME=/usr/lib/jvm/java-17-openjdk/
+export JAVA_HOME=/usr/lib/jvm/java-19-openjdk/
 
 export XINITRC="$HOME/.config/sx/sxrc"
 [ "$(fgconsole 2>/dev/null)" = "1" ] && exec sx
diff --git a/scripts/bg.sh b/scripts/bg.sh
index 06793e9..c6aaa61 100755
--- a/scripts/bg.sh
+++ b/scripts/bg.sh
@@ -1,6 +1,6 @@
 #!/bin/sh
 
-feh --bg-fill ~/.config/bg.png
+feh --no-xinerama --bg-fill ~/.config/bg.png
 exit
 
 setbg="feh --force-aliasing --bg-tile "
diff --git a/scripts/calculator b/scripts/calculator
index 31998cc..af0033c 100755
--- a/scripts/calculator
+++ b/scripts/calculator
@@ -1,2 +1,2 @@
 #!/bin/sh
-bspc rule -a \* -o state=floating && $TERMINAL -e bc -l
+bspc rule -a \* -o state=floating && $TERMINAL -e bc -lq
diff --git a/scripts/gamma.sh b/scripts/gamma.sh
index 8de1b80..0f39291 100755
--- a/scripts/gamma.sh
+++ b/scripts/gamma.sh
@@ -6,5 +6,5 @@ v=$1
 if [ $# -ne 0 ]; then
 	xrandr --output $MAIN_DP --gamma $(paste -d" " <(xrandr | grep " connected" | cut -f1 -d " ") <(xrandr --current --verbose | grep "Gamma" | cut -f7 -d" " | cut -f1 -d":" | xargs -I % echo "1/%") | grep $MAIN_DP | cut -d" " -f2 | xargs -I % echo "%*$v" | bc -l)
 else
-	xrandr --output $MAIN_DP --gamma 1.1
+	xrandr --output $MAIN_DP --gamma 1
 fi
diff --git a/scripts/mpc_add_query.sh b/scripts/mpc_add_query.sh
index 08a1c20..03e39e0 100755
--- a/scripts/mpc_add_query.sh
+++ b/scripts/mpc_add_query.sh
@@ -1,5 +1,7 @@
 #!/bin/sh
 
 query=${1}
-cd ~/music
-find . -iname "*$query*" -type f | while read -r line; do echo "$line"; mpc insert "${line#./}"; done
+mpc -f "%title%[\t\t%artist%][\t\t%album%]\t\t%file%" listall | grep -i "${query}" | rev | cut -f1 -d'	' | rev | while read -r track; do
+    echo "$track"
+    mpc insert "$track"
+done
diff --git a/scripts/mpc_add_recent.sh b/scripts/mpc_add_recent.sh
index 356ad6f..e025eb5 100755
--- a/scripts/mpc_add_recent.sh
+++ b/scripts/mpc_add_recent.sh
@@ -1,7 +1,7 @@
 #!/bin/sh
 # add recently added files to the playlist
 
-count=${1:-25}
+count=${1:-10}
 
 cd ~/music
-find . -type f -print0 | xargs -0 stat -c"%Y %n" | sort -n | tail -${count} |cut -d' ' -f2- | while read -r line; do mpc insert "${line#./}"; done
+find . -type f -print0 | xargs -0 stat -c"%Y %n" | sort -n | tail -${count} |cut -d' ' -f2- | while read -r line; do printf "%s\n" "$line" ; mpc insert "${line#./}"; done
diff --git a/scripts/record_window.sh b/scripts/record_window.sh
index 841b756..f732fb7 100755
--- a/scripts/record_window.sh
+++ b/scripts/record_window.sh
@@ -14,6 +14,6 @@ position=+$(echo $geom | cut -d'+' -f2- | sed "s/+/,/g")
 filename=$(date +"$HOME/pics/screenshot/%F_%T.mp4")
 
 echo $size and $position
-ffmpeg -y -f x11grab -video_size $size -i $position $filename
+ffmpeg -y -f x11grab -video_size $size -i $position -f pulse -i default $filename
 
 rm $info
diff --git a/scripts/reload_gtk_theme b/scripts/reload_gtk_theme
new file mode 100755
index 0000000..6d17f65
--- /dev/null
+++ b/scripts/reload_gtk_theme
@@ -0,0 +1,5 @@
+#!/bin/sh
+theme=$(gsettings get org.gnome.desktop.interface gtk-theme)
+gsettings set org.gnome.desktop.interface gtk-theme ''
+sleep 1
+gsettings set org.gnome.desktop.interface gtk-theme $theme
diff --git a/themes/vimix-vski/gtk-3.0/gtk.css b/themes/vimix-vski/gtk-3.0/gtk.css
index 5d94fbf..7d8b75f 100644
--- a/themes/vimix-vski/gtk-3.0/gtk.css
+++ b/themes/vimix-vski/gtk-3.0/gtk.css
@@ -39,7 +39,7 @@
 }
 
 .background {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -48,22 +48,22 @@
 }
 
 .gtkstyle-fallback {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
 .gtkstyle-fallback:hover {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
 .gtkstyle-fallback:active {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
 .gtkstyle-fallback:disabled {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -73,7 +73,7 @@
 }
 
 iconview, .view {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -87,7 +87,7 @@ iconview:disabled, .view:disabled {
 }
 
 textview text {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -96,7 +96,7 @@ textview text:disabled {
 }
 
 textview border {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -272,11 +272,11 @@ notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), popover.ba
 }
 
 spinbutton:not(.vertical), entry {
-  border: 1px solid #191919;
+  border: 1px solid rgba(25, 25, 25, 192);
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -285,15 +285,15 @@ spinbutton:focus:not(.vertical), entry:focus {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
 spinbutton:disabled:not(.vertical), entry:disabled {
-  border: 1px solid #191919;
+  border: 1px solid rgba(25, 25, 25, 192);
   box-shadow: none;
   border-image: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -302,7 +302,7 @@ spinbutton:disabled:not(.vertical), entry:disabled {
   border: none;
   border-image: none;
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -315,7 +315,7 @@ spinbutton:disabled:not(.vertical), entry:disabled {
 
 .background .gedit-search-slider > .linked:not(.vertical) > entry:disabled, .background entry:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -348,7 +348,7 @@ entry image.right {
 
 entry undershoot.left {
   background-color: transparent;
-  background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+  background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
   padding-left: 1px;
   background-size: 1px 12px;
   background-repeat: repeat-y;
@@ -358,7 +358,7 @@ entry undershoot.left {
 
 entry undershoot.right {
   background-color: transparent;
-  background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+  background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
   padding-right: 1px;
   background-size: 1px 12px;
   background-repeat: repeat-y;
@@ -384,7 +384,7 @@ entry undershoot.right {
 
 .background entry.error:disabled, .background entry.search.error:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -429,7 +429,7 @@ entry undershoot.right {
 
 .background entry.warning:disabled, .background entry.search.warning:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -512,7 +512,7 @@ treeview entry.flat, treeview entry {
   min-height: 0;
   padding: 2px;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
@@ -678,7 +678,7 @@ button {
   font-weight: 500;
   border: 1px solid #707880;
   box-shadow: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -710,7 +710,7 @@ button:checked:disabled {
 .background button {
   transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12), inset 0 0 0 9999px transparent;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%);
   background-repeat: no-repeat;
   background-position: center;
@@ -1301,7 +1301,7 @@ combobox entry.combo {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -1310,7 +1310,7 @@ combobox entry.combo:focus {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -1318,7 +1318,7 @@ combobox entry.combo:disabled {
   border: 1px solid #707880;
   box-shadow: none;
   border-image: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -1409,7 +1409,7 @@ combobox:drop(active) {
 toolbar {
   -GtkWidget-window-dragging: true;
   padding: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .osd toolbar {
@@ -1420,7 +1420,7 @@ frame.documents-dropdown, .app-notification, toolbar.osd {
   padding: 6px;
   border-radius: 2px;
   box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 2px 3px -1px rgba(0, 0, 0, 0.14), 0 3px 4px -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
@@ -1493,7 +1493,7 @@ window.background stack scrolledwindow :not(stackswitcher).linked button:checked
   border-style: solid;
   border-width: 0 1px 1px;
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 searchbar > revealer > box,
@@ -1502,7 +1502,7 @@ searchbar > revealer > box,
   border-style: solid;
   border-width: 0 0 1px;
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-clip: border-box;
 }
 
@@ -1603,7 +1603,7 @@ headerbar {
   min-height: 36px;
   padding: 0 12px;
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -1785,7 +1785,7 @@ headerbar .linked:not(.vertical).path-bar > button:checked:hover {
 headerbar separator, headerbar separator.titlebutton {
   min-width: 0;
   min-height: 0;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   border: none;
 }
 
@@ -1900,8 +1900,8 @@ window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerb
 .titlebar:not(headerbar) > separator {
   min-width: 1px;
   min-height: 1px;
-  background-color: #191919;
-  background-image: image(#191919);
+  background-color: rgba(25, 25, 25, 192);
+  background-image: image(rgba(25, 25, 25, 192));
   border: none;
 }
 
@@ -1918,7 +1918,7 @@ window.background > box.vertical > headerbar:not(.titlebar) {
 }
 
 window.background > box.vertical > headerbar:not(.titlebar), window.background > box.vertical > headerbar:not(.titlebar):backdrop {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop {
@@ -2096,7 +2096,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he
 }
 
 treeview.view header button, treeview.view header button:disabled {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 treeview.view header button:last-child {
@@ -2111,7 +2111,7 @@ treeview.view header.button.dnd {
   border-color: rgba(255, 255, 255, 0.12);
   border-radius: 0;
   box-shadow: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-clip: border-box;
   color: #707880;
 }
@@ -2125,7 +2125,7 @@ menubar,
   -GtkWidget-window-dragging: true;
   padding: 0;
   color: rgba(255, 255, 255, 0.7);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 menubar:backdrop,
@@ -2390,7 +2390,7 @@ popover.background list separator {
 notebook > header {
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-clip: border-box;
 }
 
@@ -2532,7 +2532,7 @@ notebook > header tab:hover {
 
 notebook > header tab:hover.reorderable-page {
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 notebook > header tab:disabled {
@@ -2552,7 +2552,7 @@ notebook > header tab:checked:disabled {
 
 notebook > header tab:checked.reorderable-page {
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 notebook > header tab button.flat {
@@ -2600,7 +2600,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t
 }
 
 notebook > stack:not(:only-child) {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 notebook button.toggle {
@@ -2613,7 +2613,7 @@ notebook button.toggle {
 
 scrollbar {
   transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-clip: border-box;
 }
 
@@ -2683,14 +2683,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
   min-width: 4px;
   min-height: 4px;
   margin: 3px;
-  border: 1px solid alpha(#191919, 0.3);
+  border: 1px solid alpha(rgba(25, 25, 25, 192), 0.3);
 }
 
 scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
   min-width: 4px;
   min-height: 4px;
   margin: 3px;
-  border: 1px solid alpha(#191919, 0.3);
+  border: 1px solid alpha(rgba(25, 25, 25, 192), 0.3);
   border-radius: 9999px;
   background-color: rgba(255, 255, 255, 0.45);
   background-clip: padding-box;
@@ -2718,7 +2718,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
 }
 
 scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
-  background-color: alpha(#191919, 0.9);
+  background-color: alpha(rgba(25, 25, 25, 192), 0.9);
 }
 
 scrollbar.horizontal slider {
@@ -3395,13 +3395,13 @@ levelbar trough {
   border: none;
   border-image: none;
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
 levelbar trough:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -3441,7 +3441,7 @@ levelbar block.empty {
 printdialog paper {
   padding: 0;
   border: 1px solid rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -3547,7 +3547,7 @@ overshoot.right {
 
 undershoot.top {
   background-color: transparent;
-  background-image: linear-gradient(to left, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+  background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
   padding-top: 1px;
   background-size: 12px 1px;
   background-repeat: repeat-x;
@@ -3557,7 +3557,7 @@ undershoot.top {
 
 undershoot.bottom {
   background-color: transparent;
-  background-image: linear-gradient(to left, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+  background-image: linear-gradient(to left, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
   padding-bottom: 1px;
   background-size: 12px 1px;
   background-repeat: repeat-x;
@@ -3567,7 +3567,7 @@ undershoot.bottom {
 
 undershoot.left {
   background-color: transparent;
-  background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+  background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
   padding-left: 1px;
   background-size: 1px 12px;
   background-repeat: repeat-y;
@@ -3577,7 +3577,7 @@ undershoot.left {
 
 undershoot.right {
   background-color: transparent;
-  background-image: linear-gradient(to top, alpha(#191919, 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
+  background-image: linear-gradient(to top, alpha(rgba(25, 25, 25, 192), 0.3) 50%, alpha(#c5c8c6, 0.3) 50%);
   padding-right: 1px;
   background-size: 1px 12px;
   background-repeat: repeat-y;
@@ -3589,7 +3589,7 @@ junction {
   border-style: solid none none solid;
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 junction:dir(rtl) {
@@ -3609,7 +3609,7 @@ separator.selection-mode.sidebar {
 
 list {
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 list.content:not(.conversation-listbox) {
@@ -3830,7 +3830,7 @@ filechooser .dialog-action-box {
 
 filechooser #pathbarbox {
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 filechooserbutton:drop(active) {
@@ -3896,7 +3896,7 @@ stacksidebar row > label {
 }
 
 placessidebar {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 placessidebar > viewport.frame {
@@ -4004,7 +4004,7 @@ paned > separator {
 paned > separator.wide {
   min-width: 6px;
   min-height: 6px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-image: image(#707880), image(#707880);
   background-size: 1px 1px, 1px 1px;
 }
@@ -4133,7 +4133,7 @@ tooltip {
 
 tooltip.background {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: alpha(#191919, 0.9);
+  background-color: alpha(rgba(25, 25, 25, 192), 0.9);
 }
 
 tooltip:not(.csd) {
@@ -4262,7 +4262,7 @@ colorchooser .popover.osd {
   transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
   border-radius: 2px;
   box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 2px 3px -1px rgba(0, 0, 0, 0.14), 0 3px 4px -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 colorchooser .popover.osd:backdrop {
@@ -4270,7 +4270,7 @@ colorchooser .popover.osd:backdrop {
 }
 
 .content-view {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 decoration {
@@ -4316,7 +4316,7 @@ messagedialog.csd decoration {
   padding: 1px 2px 2px;
   border: 1px solid #1e1f21;
   border-radius: 0;
-  box-shadow: inset 0 0 0 2px #191919, inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 0 0 2px rgba(25, 25, 25, 192), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #707880;
 }
 
@@ -4615,7 +4615,7 @@ row button.circular {
   border: solid 1px rgba(255, 255, 255, 0.12);
   border-radius: 3px;
   box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
   font-size: smaller;
 }
@@ -4849,7 +4849,7 @@ window.background stack scrolledwindow stackswitcher.stack-switcher button:check
 .nautilus-window,
 .nautilus-window notebook,
 .nautilus-window notebook > stack {
-  background: #191919;
+  background: rgba(25, 25, 25, 192);
 }
 
 .nautilus-window notebook > header.top tabs,
@@ -4960,7 +4960,7 @@ filechooser placessidebar.sidebar row.sidebar-row:selected:hover,
   padding: 0;
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 0;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-clip: border-box;
   transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
 }
@@ -5147,7 +5147,7 @@ paned.titlebar.horizontal > separator {
 
 .background .gedit-search-slider > .linked:not(.vertical) > entry.search.error:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -5192,7 +5192,7 @@ paned.titlebar.horizontal > separator {
 
 .background .gedit-search-slider > .linked:not(.vertical) > entry.search.warning:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -5225,7 +5225,7 @@ notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.ver
 }
 
 window.background > box.vertical > overlay > stack > widget > stack > box.vertical > scrolledwindow > viewport.frame > widget > list {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background > box.vertical > overlay > stack > widget > stack > box.vertical > scrolledwindow > viewport.frame > widget > list > separator {
@@ -5234,11 +5234,11 @@ window.background > box.vertical > overlay > stack > widget > stack > box.vertic
 }
 
 window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
 }
 
 window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list > box.vertical > list {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background > box.vertical > overlay > stack > widget > stack widget > box.vertical.app-list separator {
@@ -5247,13 +5247,13 @@ window.background > box.vertical > overlay > stack > widget > stack widget > box
 }
 
 .category_page_header_filter_box {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
   border-image: linear-gradient(to bottom, #707880, #707880) 0 0 1 0/0 0 1px 0 stretch;
 }
 
 .category_page_header_filter_box button {
   color: rgba(255, 255, 255, 0.7);
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
 }
 
 .category_page_header_filter_box button:hover {
@@ -5269,7 +5269,7 @@ window.background > box.vertical > overlay > stack > widget > stack widget > box
 }
 
 .application-details-infobar {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
   border-image: linear-gradient(to bottom, #707880, #707880) 1 1 1 1/1px 1px 1px 1px stretch;
 }
 
@@ -5311,8 +5311,8 @@ window.background > box.vertical box.horizontal > box.vertical > scrolledwindow
 }
 
 window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header {
-  background-image: image(#191919);
-  background-color: #191919;
+  background-image: image(rgba(25, 25, 25, 192));
+  background-color: rgba(25, 25, 25, 192);
   color: #707880;
 }
 
@@ -5343,7 +5343,7 @@ popover.background.dzlmenubutton button.dzlmenubuttonitem:active label, popover.
 }
 
 perspectiveswitcher {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 perspectiveswitcher button:checked {
@@ -5352,7 +5352,7 @@ perspectiveswitcher button:checked {
 
 layouttabbar {
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 layouttabbar > box > button {
@@ -5365,7 +5365,7 @@ layouttab {
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.12);
   box-shadow: inset 0 -2px #707880;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 layouttab separator.vertical {
@@ -5416,13 +5416,13 @@ dockpaned {
 eggsearchbar box.search-bar {
   padding: 0 8px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 docktabstrip {
   padding: 0 8px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 docktab {
@@ -5450,7 +5450,7 @@ docktab:checked {
 }
 
 dockoverlayedge {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 dockoverlayedge docktabstrip {
@@ -5475,7 +5475,7 @@ dockoverlayedge.right-edge docktab:checked {
 }
 
 pillbox {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   border-radius: 2px;
 }
 
@@ -5485,7 +5485,7 @@ buildperspective row {
 
 layoutpane entry.search {
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 editortweak entry.search {
@@ -5765,7 +5765,7 @@ button.title label {
 }
 
 .tweak-categories {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
 }
 
 .tweak-categories separator {
@@ -5785,16 +5785,16 @@ button.title label {
 .tweak-group-#c5c8c6,
 .tweak-#c5c8c6,
 .tweak-#c5c8c6:hover {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
 }
 
 .tweak-startup,
 .tweak-startup:hover {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
 }
 
 .tweak-group-startup {
-  background-image: image(#191919);
+  background-image: image(rgba(25, 25, 25, 192));
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
 
@@ -5943,7 +5943,7 @@ window.background:not(.csd) > widget > entry {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -5952,7 +5952,7 @@ window.background:not(.csd) > widget > entry:focus {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -5960,14 +5960,14 @@ window.background:not(.csd) > widget > entry:disabled {
   border: 1px solid #707880;
   box-shadow: none;
   border-image: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
 window.background:not(.csd) > widget > button > button, window.background:not(.csd) > widget > button.combo > button {
   border: 1px solid #707880;
   box-shadow: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -6014,7 +6014,7 @@ window.background:not(.csd) > widget > frame {
 
 window.background:not(.csd) > menu,
 window.background:not(.csd) > menu > menu {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background:not(.csd) > menu menuitem,
@@ -6066,7 +6066,7 @@ window.background:not(.csd) > menu > separator {
 }
 
 #MozillaGtkWidget.background {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 #MozillaGtkWidget.background, #MozillaGtkWidget.background decoration {
@@ -6081,7 +6081,7 @@ window.background:not(.csd) > menu > separator {
 #MozillaGtkWidget.background frame,
 #MozillaGtkWidget.background separator,
 #MozillaGtkWidget.background scrolledwindow {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 #MozillaGtkWidget.background scrollbar {
@@ -6089,7 +6089,7 @@ window.background:not(.csd) > menu > separator {
 }
 
 #MozillaGtkWidget.background > window.background > menu {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 #MozillaGtkWidget.background > window.background > menu > separator {
@@ -6179,7 +6179,7 @@ window.background:not(.csd) > menu > separator {
 }
 
 #MozillaGtkWidget.background > widget > scrolledwindow > textview {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 #MozillaGtkWidget.background > widget > scrolledwindow > textview text {
@@ -6190,7 +6190,7 @@ window.background:not(.csd) > menu > separator {
 #MozillaGtkWidget.background > widget > button > button, #MozillaGtkWidget.background > widget > button.combo > button {
   border: 1px solid #707880;
   box-shadow: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -6224,7 +6224,7 @@ window.background:not(.csd) > menu > separator {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -6233,7 +6233,7 @@ window.background:not(.csd) > menu > separator {
   box-shadow: none;
   border-image: none;
   border-radius: 3px;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -6241,7 +6241,7 @@ window.background:not(.csd) > menu > separator {
   border: 1px solid #707880;
   box-shadow: none;
   border-image: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -6256,7 +6256,7 @@ window.background:not(.csd) > menu > separator {
 }
 
 window.background.chromium {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -6297,12 +6297,12 @@ window.background.chromium entry.chromium:focus {
 }
 
 window.background.chromium > menubar {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background.chromium > menu {
   border: 1px solid #707880;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
   border-radius: 0;
 }
@@ -6326,17 +6326,17 @@ window.background.chromium > menu > menuitem label:disabled, window.background.c
 
 window.background.chromium > textview.view {
   color: #c5c8c6;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background.chromium > textview {
   color: #c5c8c6;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background.chromium > textview text {
   color: #c5c8c6;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background > box.vertical > widget > widget:selected {
@@ -6344,12 +6344,12 @@ window.background > box.vertical > widget > widget:selected {
 }
 
 window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background:not(.solid-csd) > notebook:not(.frame) {
   border: 0 none transparent;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window.background:not(.solid-csd) > notebook:not(.frame) > stack {
@@ -6413,7 +6413,7 @@ window#GearyMainWindow.background.csd statusbar frame {
 }
 
 .geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout headerbar {
@@ -6427,7 +6427,7 @@ window#GearyMainWindow.background.csd statusbar frame {
 .geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar,
 .geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar {
   border-right: none;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
 }
 
@@ -6445,7 +6445,7 @@ window#GearyMainWindow.background.csd statusbar frame {
 }
 
 .geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:not(:hover):not(:selected) {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .geary-main-window.background.csd.unified > deck > overlay > .geary-main-layout geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child {
@@ -6600,7 +6600,7 @@ widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titl
 
 .XfceHeading {
   border: 0 none transparent;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -6665,7 +6665,7 @@ XfdesktopIconView.view:active, XfdesktopIconView.view:checked {
 }
 
 window#whiskermenu-window {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 window#whiskermenu-window > frame > border {
@@ -6753,17 +6753,17 @@ menubar.-vala-panel-background > menuitem:disabled {
 }
 
 .nemo-window notebook {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .nemo-window notebook .primary-toolbar {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .nemo-window notebook .primary-toolbar button {
   transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12), inset 0 0 0 9999px transparent;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   background-image: radial-gradient(circle farthest-corner at center, transparent 100%, transparent 0%);
   background-repeat: no-repeat;
   background-position: center;
@@ -6808,7 +6808,7 @@ menubar.-vala-panel-background > menuitem:disabled {
   border: none;
   border-image: none;
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -6821,7 +6821,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 
 .nemo-window notebook .primary-toolbar entry:disabled {
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.45);
 }
 
@@ -6834,7 +6834,7 @@ menubar.-vala-panel-background > menuitem:disabled {
 
 .nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry {
   color: #c5c8c6;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   border-radius: 3px;
 }
 
@@ -6848,7 +6848,7 @@ menubar.-vala-panel-background > menuitem:disabled {
   padding-bottom: 6px;
   border: none;
   color: #c5c8c6;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -0.6px rgba(0, 0, 0, 0.12);
 }
 
@@ -6992,7 +6992,7 @@ UnityDecoration .top {
   padding: 3px 8px 3px 8px;
   border-radius: 2px 2px 0px 0px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: #c5c8c6;
 }
 
@@ -7003,7 +7003,7 @@ UnityDecoration .top:backdrop {
 UnityDecoration .left,
 UnityDecoration .right,
 UnityDecoration .bottom {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 UnityDecoration.menuitem,
@@ -7090,7 +7090,7 @@ headerbar.flat button:not(.close):not(.maximize):not(.minimize):not(:hover):not(
 
 #PanelPlug,
 PanelToplevel.background {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
   color: rgba(255, 255, 255, 0.7);
   font-weight: 500;
 }
@@ -7172,7 +7172,7 @@ na-tray-applet {
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 4px;
   box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .mate-panel-applet-slider frame frame {
@@ -7198,7 +7198,7 @@ na-tray-applet {
 
 .caja-side-pane notebook viewport.frame,
 .caja-side-pane notebook widget .vertical {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .caja-side-pane notebook .frame,
@@ -7223,7 +7223,7 @@ na-tray-applet {
 
 #caja-extra-view-widget {
   border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 #caja-extra-view-widget > box > box > label {
@@ -7680,7 +7680,7 @@ window.budgie-popover:not(.csd) > frame.container > border {
 
 .budgie-menu.background {
   padding: 0;
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .budgie-menu scrollbar,
@@ -8151,7 +8151,7 @@ frame.raven-frame > border {
   border-style: solid none;
   border-width: 1px;
   border-color: rgba(255, 255, 255, 0.12);
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .background .raven .raven-background.frame {
@@ -8433,7 +8433,7 @@ box.vertical > stack > box.vertical > .raven-background > viewport.frame > list
 }
 
 .budgie-run-dialog {
-  background-color: #191919;
+  background-color: rgba(25, 25, 25, 192);
 }
 
 .budgie-run-dialog entry.search {
@@ -8572,27 +8572,27 @@ box.vertical > stack > box.vertical > .raven-background > viewport.frame > list
 /* text color for entries, views and content in general */
 @define-color theme_text_color currentColor;
 /* widget base background color */
-@define-color theme_bg_color #191919;
+@define-color theme_bg_color rgba(25, 25, 25, 192);
 /* text widgets and the like base background color */
-@define-color theme_base_color #191919;
+@define-color theme_base_color rgba(25, 25, 25, 192);
 /* base background color of selections */
 @define-color theme_selected_bg_color #707880;
 /* text/foreground color of selections */
 @define-color theme_selected_fg_color #c5c8c6;
 /* base background color of insensitive widgets */
-@define-color insensitive_bg_color #191919;
+@define-color insensitive_bg_color rgba(25, 25, 25, 192);
 /* text foreground color of insensitive widgets */
 @define-color insensitive_fg_color rgba(255, 255, 255, 0.45);
 /* insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #191919;
+@define-color insensitive_base_color rgba(25, 25, 25, 192);
 /* widget text/foreground color on backdrop windows */
 @define-color theme_unfocused_fg_color #c5c8c6;
 /* text color for entries, views and content in general on backdrop windows */
 @define-color theme_unfocused_text_color currentColor;
 /* widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #191919;
+@define-color theme_unfocused_bg_color rgba(25, 25, 25, 192);
 /* text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #191919;
+@define-color theme_unfocused_base_color rgba(25, 25, 25, 192);
 /* base background color of selections on backdrop windows */
 @define-color theme_unfocused_selected_bg_color #707880;
 /* text/foreground color of selections on backdrop windows */
@@ -8606,19 +8606,19 @@ box.vertical > stack > box.vertical > .raven-background > viewport.frame > list
 /* widgets */
 @define-color fg_color #c5c8c6;
 @define-color text_color currentColor;
-@define-color bg_color #191919;
-@define-color base_color #191919;
+@define-color bg_color rgba(25, 25, 25, 192);
+@define-color base_color rgba(25, 25, 25, 192);
 /* WM */
 @define-color wm_title alpha(#c5c8c6, 0.8);
 @define-color wm_unfocused_title alpha(#c5c8c6, 0.5);
-@define-color wm_bg #191919;
-@define-color wm_bg_unfocused #191919;
-@define-color wm_highlight #191919;
+@define-color wm_bg rgba(25, 25, 25, 192);
+@define-color wm_bg_unfocused rgba(25, 25, 25, 192);
+@define-color wm_highlight rgba(25, 25, 25, 192);
 /* these are pretty self explicative */
 @define-color warning_color #f0c674;
 @define-color error_color #a54242;
 @define-color success_color #81C995;
-@define-color content_view_bg #191919;
+@define-color content_view_bg rgba(25, 25, 25, 192);
 @define-color placeholder_text_color #707880;
 /* Very contrasty background for text views (@theme_text foreground) */
 @define-color text_view_bg #252629;