initial linux dots

17 files changed, 740 insertions, 12 deletions

diff --git a/context.json b/context.json
index bf96d86..1f0d647 100644
--- a/context.json
+++ b/context.json
@@ -86,13 +86,7 @@
       "features": {
         "work_mode": true
       },
-
       "window_manager": {
-        "key": {
-          "mod": "alt",
-          "mov": "shift",
-          "ed": "ctrl"
-        },
         "workspaces": {
           "http": {
             "monitor": "1"
@@ -146,7 +140,16 @@
         "suffix": {}
       }
     },
-    "okabe": {},
+    "okabe": {
+      "electron_flags": "--ozone-platform-hint=wayland --enable-features=WaylandWindowDecorations --enable-features=WebRTCPipeWireCapturer",
+      "window_manager": {
+        "key": {
+          "mod": "Mod1",
+          "mov": "Shift",
+          "ed": "ctrl"
+        }
+      }
+    },
     "dev-dsk-lizhunt-2a-13b63bb9": {
       "user": {
         "home": "/home/lizhunt"
@@ -165,6 +168,7 @@
     }
   },
   "_global": {
+    "electron_flags": "--force-dark-mode",
     "user": {
       "name": "Elizabeth Alexander Hunt",
       "email": "me@liz.coffee",
@@ -252,6 +256,9 @@
       }
     },
     "theme": {
+      "waybar": {
+        "font": "Lekton Nerd Font Mono"
+      },
       "sketchybar": {
         "font": "Lekton Nerd Font Mono"
       },
@@ -268,11 +275,7 @@
       "nvim": {
         "lualine_theme": "gruvbox",
         "light_colorscheme": "gruvbox",
-        "dark_colorscheme": "gruvbox",
-        "font": {
-          "name": "Agave Nerd Font Mono",
-          "size": 14
-        }
+        "dark_colorscheme": "gruvbox"
       },
       "emacs": {
         "symbol": "'doom-gruvbox",
diff --git a/dots/electron/.config/electron12-flags.conf.j2 b/dots/electron/.config/electron12-flags.conf.j2
new file mode 100644
index 0000000..ea9aa10
--- /dev/null
+++ b/dots/electron/.config/electron12-flags.conf.j2
@@ -0,0 +1 @@
+{{ electron_flags }}
diff --git a/dots/electron/.config/electron18-flags.conf.j2 b/dots/electron/.config/electron18-flags.conf.j2
new file mode 100644
index 0000000..ea9aa10
--- /dev/null
+++ b/dots/electron/.config/electron18-flags.conf.j2
@@ -0,0 +1 @@
+{{ electron_flags }}
diff --git a/dots/electron/.config/electron20-flags.conf.j2 b/dots/electron/.config/electron20-flags.conf.j2
new file mode 100644
index 0000000..ea9aa10
--- /dev/null
+++ b/dots/electron/.config/electron20-flags.conf.j2
@@ -0,0 +1 @@
+{{ electron_flags }}
diff --git a/dots/mako/.config/mako/config b/dots/mako/.config/mako/config
new file mode 100644
index 0000000..85c5325
--- /dev/null
+++ b/dots/mako/.config/mako/config
@@ -0,0 +1,17 @@
+anchor=top-right
+layer=overlay
+font=monospace 10
+background-color=#3b4252
+height=800
+text-color=#eceff4
+margin=4,4,20
+padding=15
+border-size=5
+border-radius=10
+border-color=#4c566a
+default-timeout=10000
+group-by=summary
+on-notify=exec mpv ~/.config/mako/sounds/notification.mp3 &
+
+[grouped]
+format=<b>%s</b>\n%b
diff --git a/dots/mako/.config/mako/sounds/notification.mp3 b/dots/mako/.config/mako/sounds/notification.mp3
new file mode 100644
index 0000000..0430b39
--- /dev/null
+++ b/dots/mako/.config/mako/sounds/notification.mp3
diff --git a/dots/sway/.config/sway/bindings.j2 b/dots/sway/.config/sway/bindings.j2
new file mode 100644
index 0000000..27b7960
--- /dev/null
+++ b/dots/sway/.config/sway/bindings.j2
@@ -0,0 +1,80 @@
+set $mod {{ window_manager.key.mod }}
+set $mov {{ window_manager.key.mov }}
+
+set $left h
+set $down j
+set $up k
+set $right l
+
+set $browser zen
+set $term alacritty
+set $filemanager pcmanfm
+
+set $launcher wofi
+
+bindsym --to-code  {
+    $mod+Shift+r                   reload
+ 
+    $mod+Return        			exec $term
+    $mod+m               exec $filemanager
+    $mod+d               exec $menu
+   
+    $mod+f               fullscreen
+    $mod+v               layout tabbed
+}
+
+bindsym --to-code {
+    $mod+$left focus left
+    $mod+$down focus down
+    $mod+$up focus up
+    $mod+$right focus right
+
+    $mod+$mov+$left move left
+    $mod+$mov+$down move down
+    $mod+$mov+$up move up
+    $mod+$mov+$right move right
+}
+
+bindsym --to-code {
+{% for name, ws in window_manager.workspaces.items() %}
+    $mod+{{ ws.key }} workspace number {{ ws.order }}
+    $mod+$mov+{{ ws.key }} move container to workspace number {{ ws.order }}
+{% endfor %}
+}
+
+bindsym --to-code  $mod+Shift+minus move scratchpad
+bindsym --to-code  $mod+minus scratchpad show
+
+mode "resize" {
+    bindsym --to-code  {
+        $left resize shrink width 10px
+        $down resize grow height 10px
+        $up resize shrink height 10px
+        $right resize grow width 10px
+
+        Return mode "default"
+        Escape mode "default"
+   }
+}
+
+bindsym --to-code  $mod+n mode "resize"
+
+bindsym {
+    XF86AudioRaiseVolume exec volumectl -u up
+    XF86AudioLowerVolume exec volumectl -u down
+    XF86AudioMute exec volumectl toggle-mute
+    XF86AudioMicMute exec volumectl -m toggle-mute
+}
+
+bindsym {
+    XF86MonBrightnessUp exec lightctl up
+    XF86MonBrightnessDown exec lightctl down
+}
+
+bindsym {
+    XF86AudioPlay exec playerctl play
+    XF86AudioPause exec playerctl pause
+    XF86AudioNext exec playerctl next
+    XF86AudioPrev exec playerctl previous
+}
+
diff --git a/dots/sway/.config/sway/config b/dots/sway/.config/sway/config
new file mode 100644
index 0000000..1548946
--- /dev/null
+++ b/dots/sway/.config/sway/config
@@ -0,0 +1,11 @@
+# Config for sway
+#
+# Read `man 5 sway` for a complete reference.
+
+# user config directory
+include $HOME/.config/sway/config.d/*
+include $HOME/.config/sway/user/*
+include /etc/sway/outputs/*
+
+# only enable this if every app you use is compatible with wayland
+# xwayland disable
diff --git a/dots/sway/.config/sway/config.d/10-autostart-applications b/dots/sway/.config/sway/config.d/10-autostart-applications
new file mode 100644
index 0000000..ef4009c
--- /dev/null
+++ b/dots/sway/.config/sway/config.d/10-autostart-applications
@@ -0,0 +1,47 @@
+# exec $HOME/.config/sway/scripts/startup_config.sh
+# exec wmname LG3D
+
+# TODO: auth with polkit-kde-agent
+# Auth with polkit-gnome:
+# exec /usr/lib/polkit-gnome/polkit-gnome-authentication-agent-1
+
+# Desktop notifications
+exec mako -c ~/.config/mako/
+
+# GTK3 applications take a long time to start
+exec systemctl --user import-environment DISPLAY WAYLAND_DISPLAY SWAYSOCK
+exec hash dbus-update-activation-environment 2>/dev/null && \
+     dbus-update-activation-environment --systemd DISPLAY WAYLAND_DISPLAY SWAYSOCK
+
+# Idle settings
+exec swayidle -w \
+		timeout 500 'swaymsg "output * dpms off"' \
+		    resume 'swaymsg "output * dpms on"' \
+        timeout 700 'systemctl suspend'
+
+# Gnome Keyring
+exec gnome-keyring-daemon --daemonize --start --components=gpg,pkcs11,secrets,ssh
+
+exec_always {
+    # poweralert 
+    '[ -x "$(command -v poweralertd)" ] && pkill poweralertd; poweralertd -s -i "line power" &'
+
+    # playerctl
+    '[ -x "$(command -v playerctl)" ] && pkill playerctl; playerctl -a metadata --format \'{{status}} {{title}}\' --follow | while read line; do pkill -RTMIN+5 waybar; done' 
+}
+
+exec {
+    # mounting daemon
+    '[ -x "$(command -v pcmanfm)" ] && pcmanfm -d'
+
+    # xdg user dirs
+    '[ -x "$(command -v xdg-user-dirs-update)" ] && exec xdg-user-dirs-update'
+}
+
+
+# Status Bars:
+
+exec nm-applet --indicator
+bar {
+   swaybar_command waybar
+}
diff --git a/dots/sway/.config/sway/config.d/bindings.j2 b/dots/sway/.config/sway/config.d/bindings.j2
new file mode 100644
index 0000000..246b80f
--- /dev/null
+++ b/dots/sway/.config/sway/config.d/bindings.j2
@@ -0,0 +1,151 @@
+set $mod Mod1
+
+# Home row direction keys, like vim
+set $left h
+set $down j
+set $up k
+set $right l
+
+set $browser zen
+set $term alacritty
+set $filemanager pcmanfm
+
+set $launcher wofi
+
+bindsym --to-code  {
+   $mod+Shift+r                   reload
+
+   $mod+Return        			exec $term
+
+   $mod+d               exec $menu
+  
+   # f
+   $mod+f               fullscreen
+
+   # n
+   $mod+n               exec $filemanager
+
+   # v
+   $mod+v               layout tabbed
+}
+
+bindsym --to-code {
+    $mod+$left focus left
+    $mod+$down focus down
+    $mod+$up focus up
+    $mod+$right focus right
+
+    $mod+Shift+$left move left
+    $mod+Shift+$down move down
+    $mod+Shift+$up move up
+    $mod+Shift+$right move right
+}
+
+# Workspaces:
+bindsym --to-code {
+
+    # Switch to workspace
+    $mod+1 workspace number 1
+    $mod+2 workspace number 2
+    $mod+3 workspace number 3
+    $mod+4 workspace number 4
+    $mod+5 workspace number 5
+    $mod+6 workspace number 6
+    $mod+7 workspace number 7
+    $mod+8 workspace number 8
+    $mod+9 workspace number 9
+    $mod+0 workspace number 10
+
+    # Move focused container to workspace
+    $mod+Shift+1 move container to workspace number 1
+    $mod+Shift+2 move container to workspace number 2
+    $mod+Shift+3 move container to workspace number 3
+    $mod+Shift+4 move container to workspace number 4
+    $mod+Shift+5 move container to workspace number 5
+    $mod+Shift+6 move container to workspace number 6
+    $mod+Shift+7 move container to workspace number 7
+    $mod+Shift+8 move container to workspace number 8
+    $mod+Shift+9 move container to workspace number 9
+    $mod+Shift+0 move container to workspace number 10
+}
+
+# Scratchpad:
+# Move the currently focused window to the scratchpad
+bindsym --to-code  $mod+Shift+minus move scratchpad
+
+# Show the next scratchpad window or hide the focused scratchpad window.
+# If there are multiple scratchpad windows, this command cycles through them.
+bindsym --to-code  $mod+minus scratchpad show
+
+# Resizing containers:
+mode "resize" {
+    # left will shrink the containers width
+    # right will grow the containers width
+    # up will shrink the containers height
+    # down will grow the containers height
+    bindsym --to-code  {
+         $left resize shrink width 10px
+         $down resize grow height 10px
+         $up resize shrink height 10px
+         $right resize grow width 10px
+
+         # Ditto, with arrow keys
+         Left resize shrink width 10px
+         Down resize grow height 10px
+         Up resize shrink height 10px
+         Right resize grow width 10px
+
+         # Return to default mode
+         Return mode "default"
+         Escape mode "default"
+   }
+}
+
+bindsym --to-code  $mod+r mode "resize"
+
+# Resize floating windows with mouse scroll:
+bindsym --to-code  --whole-window --border {
+   $mod+button4 resize shrink height 5 px or 5 ppt
+   $mod+button5 resize grow height 5 px or 5 ppt
+   $mod+shift+button4 resize shrink width 5 px or 5 ppt
+   $mod+shift+button5 resize grow width 5 px or 5 ppt
+}
+
+# Volume
+   # bindsym --to-code  XF86AudioRaiseVolume  exec --no-startup-id pactl set-sink-volume @DEFAULT_SINK@ +10%
+   # bindsym --to-code  XF86AudioLowerVolume  exec --no-startup-id pactl set-sink-volume @DEFAULT_SINK@ -10%
+   # bindsym --to-code  XF86AudioMute         exec --no-startup-id pactl set-sink-mute @DEFAULT_SINK@ toggle # mute sound
+
+   #wob
+# bindsym {
+#    XF86AudioRaiseVolume exec pamixer -ui 10 && pamixer --get-volume > $SWAYSOCK.wob
+#    XF86AudioLowerVolume exec pamixer -ud 10  && pamixer --get-volume > $SWAYSOCK.wob
+#    XF86AudioMute exec pamixer --toggle-mute && ( pamixer --get-mute && echo 0 > $SWAYSOCK.wob ) || pamixer --get-volume > $SWAYSOCK.wob
+# }
+# 
+# # Backlight
+#    #wob
+# bindsym {
+#    XF86MonBrightnessUp exec light -A 10 && light -G | cut -d'.' -f1 > $SWAYSOCK.wob
+#    XF86MonBrightnessDown exec light -U 10 && light -G | cut -d'.' -f1 > $SWAYSOCK.wob
+# }
+
+bindsym {
+  XF86AudioRaiseVolume exec volumectl -u up
+  XF86AudioLowerVolume exec volumectl -u down
+  XF86AudioMute exec volumectl toggle-mute
+  XF86AudioMicMute exec volumectl -m toggle-mute
+}
+
+bindsym {
+  XF86MonBrightnessUp exec lightctl up
+  XF86MonBrightnessDown exec lightctl down
+}
+
+bindsym {
+  XF86AudioPlay exec playerctl play
+  XF86AudioPause exec playerctl pause
+  XF86AudioNext exec playerctl next
+  XF86AudioPrev exec playerctl previous
+}
+
diff --git a/dots/sway/.config/sway/config.d/swayfx b/dots/sway/.config/sway/config.d/swayfx
new file mode 100644
index 0000000..204c3b5
--- /dev/null
+++ b/dots/sway/.config/sway/config.d/swayfx
@@ -0,0 +1,14 @@
+layer_effects "waybar" blur enable; shadows disable;
+layer_effects "gtk-layer-shell" blur enable; shadows enable; corner_radius 13
+layer_effects "wofi" blur enable; shadows enable; corner_radius 13
+
+smart_corner_radius enable
+corner_radius 15
+shadows enable
+shadows_on_csd enable
+shadow_blur_radius 20
+
+blur enable
+blur_xray disable
+blur_passes 4
+blur_radius 4
diff --git a/dots/sway/.config/sway/config.d/theme b/dots/sway/.config/sway/config.d/theme
new file mode 100644
index 0000000..83b5ffa
--- /dev/null
+++ b/dots/sway/.config/sway/config.d/theme
@@ -0,0 +1,23 @@
+gaps inner 25
+gaps outer 0
+
+# hide titlebar on windows
+default_border pixel 5
+
+font pango:AgaveNerdFontMono Regular 11
+
+smart_borders on
+smart_gaps off
+
+exec swww-daemon -f xrgb
+# TODO: shift every 30 mins
+exec swww img $HOME/Pictures/wallpapers/penguins-hugging.jpg
+
+# TODO: pull from context
+#class                  border    backgr    text      indicator child_border
+client.focused          #333845   #333845   #ffffff   #2e9ef4   #8fbcbb
+client.focused_inactive #333333   #5f676a   #ffffff   #484e50   #5f676a
+client.unfocused        #2f343a   #222222   #888888   #333845   #333845
+client.urgent           #2f343a   #900000   #ffffff   #900000   #900000
+client.placeholder      #000000   #0c0c0c   #ffffff   #000000   #333845
+client.background       #ffffff
diff --git a/dots/waybar/.config/waybar/config b/dots/waybar/.config/waybar/config
new file mode 100644
index 0000000..c4e973a
--- /dev/null
+++ b/dots/waybar/.config/waybar/config
@@ -0,0 +1,116 @@
+{
+  "layer": "top",
+  "position": "top",
+  "margin-top": 10,
+  "margin-right": 5,
+  "margin-left": 5,
+  "height": 50,
+
+  "modules-left": ["custom/now-playing", "custom/clock"],
+  "modules-center": ["sway/workspaces"],
+  "modules-right": [
+    "custom/date",
+    "custom/bluetooth",
+    "custom/wifi",
+    "battery",
+    "custom/battery-warning",
+    "pulseaudio",
+    "memory",
+    "custom/menu"
+  ],
+
+  "hyprland/workspaces": {
+    "format": "{id}",
+    "format-icons": {
+      "firefox": "",
+      "code": "",
+      "kitty": "",
+      "spotify": "",
+      "discord": "",
+      "default": "{id}"
+    },
+    "on-click": "activate",
+    "on-scroll-up": "hyprctl dispatch workspace e+1",
+    "on-scroll-down": "hyprctl dispatch workspace e-1"
+  },
+
+  "battery": {
+    "format": "{capacity}% {icon}",
+    "format-charging": " {capacity}%",
+    "format-icons": ["", "", "", "", ""],
+    "tooltip": true,
+    "interval": 5
+  },
+
+  "custom/battery-warning": {
+    "exec": "~/.config/waybar/scripts/battery-notify.sh",
+    "interval": 60,
+    "format": "",
+    "tooltip": false
+  },
+
+  "pulseaudio": {
+    "format": "{icon} {volume}%",
+    "format-muted": " Muted",
+    "format-bluetooth": "{icon} {volume}%",
+    "scroll-step": 2,
+    "on-click": "pavucontrol",
+    "ignored-sinks": ["Easy Effects Sink"],
+    "format-icons": {
+      "headphone": "",
+      "headset": "",
+      "hands-free": "",
+      "phone": "",
+      "portable": "",
+      "car": "",
+      "default": ["", ""]
+    }
+  },
+  "memory": {
+    "format": " {used:0.1f}G",
+    "interval": 5
+  },
+
+  "custom/menu": {
+    "exec": "echo '{\"text\": \" \", \"tooltip\": \"System Menu\"}'",
+    "return-type": "json",
+    "on-click": "~/.config/rofi/applets/bin/powermenu.sh",
+    "interval": 5
+  },
+  "custom/wifi": {
+    "exec": "echo '{\"text\": \"\", \"tooltip\": \"Wi-Fi Settings\"}'",
+    "return-type": "json",
+    "on-click": "nm-connection-editor",
+    "interval": 3600
+  },
+
+  "custom/bluetooth": {
+    "exec": "echo '{\"text\": \"\", \"tooltip\": \"Bluetooth Settings\"}'",
+    "return-type": "json",
+    "on-click": "blueman-manager",
+    "interval": 3600
+  },
+  "custom/now-playing": {
+    "exec": "~/.config/waybar/modules/now-playing.sh",
+    "return-type": "text",
+    "interval": 2,
+    "on-click": "playerctl --player=spotify play-pause",
+    "on-scroll-up": "playerctl --player=spotify next",
+    "on-scroll-down": "playerctl --player=spotify previous",
+    "tooltip": true
+  },
+  "custom/clock": {
+    "exec": "date '+ %H:%M'",
+    "return-type": "text",
+    "interval": 60,
+    "tooltip": true,
+    "tooltip-format": "Full date/time"
+  },
+  "custom/date": {
+    "exec": "date '+ %d %b'",
+    "return-type": "text",
+    "interval": 60,
+    "tooltip": true,
+    "tooltip-format": "Full date/time"
+  }
+}
diff --git a/dots/waybar/.config/waybar/style.css.j2 b/dots/waybar/.config/waybar/style.css.j2
new file mode 100644
index 0000000..4c32949
--- /dev/null
+++ b/dots/waybar/.config/waybar/style.css.j2
@@ -0,0 +1,153 @@
+#waybar {
+  background-color: rgba(40, 40, 40, 0.7);
+  color: #ffffff;
+  border-radius: 50px; /* Rounded corners */
+}
+#custom-files {
+  color: #ccac56;
+  font-size: 25px;
+  padding: 0px 15px;
+  margin-right: 10px;
+  transition: background-color 0.3s;
+}
+
+#custom-spotify:hover {
+  background-color: rgba(29, 185, 84, 0.2);
+}
+
+#workspaces {
+  font-size: 13px;
+  padding: 3px 4px;
+}
+
+#workspaces button {
+  padding: 3px 5px;
+  margin: 0 3px;
+  min-width: 24px;
+  background: transparent;
+  color: #aaaaaa;
+  border: none;
+  border-radius: 6px;
+  transition:
+    background 0.2s ease,
+    color 0.2s ease;
+}
+
+#workspaces button.active {
+  background: #ccac56;
+  color: #1e1e2e;
+  border-radius: 8px;
+}
+
+#workspaces button:hover {
+  background: #444444;
+  color: #ffffff;
+}
+
+#workspaces button.urgent {
+  background: #bf616a;
+  color: #ffffff;
+}
+#battery {
+  padding: 10px 15px;
+  font-size: 18px;
+  color: #ccac56;
+  font-family: "{{ theme.waybar.font }}", "monospace";
+}
+
+#battery:hover {
+  color: #ffffff;
+}
+
+#battery.charging {
+  color: #a3be8c; /* green */
+}
+
+#battery.warning {
+  color: #ebcb8b; /* yellow */
+}
+
+#battery.critical {
+  color: #bf616a; /* red */
+  font-weight: bold;
+}
+#pulseaudio {
+  font-size: 18px;
+  padding: 10px 15px;
+  color: #ccac56;
+  font-family: "{{ theme.waybar.font }}", "monospace";
+}
+
+#pulseaudio:hover {
+  color: #ffffff;
+}
+
+#pulseaudio.muted {
+  color: #bf616a;
+  font-weight: bold;
+}
+#memory {
+  font-size: 18px;
+  padding: 0 15px;
+  color: #ccac56;
+  font-family: "{{ theme.waybar.font }}", "monospace";
+}
+
+#memory {
+  color: #d08770;
+}
+#custom-menu {
+  font-size: 20px;
+  color: #ccac56;
+  padding: 0 15px;
+  transition: color 0.3s;
+}
+
+#custom-menu:hover {
+  color: #ffffff;
+}
+
+#custom-wifi {
+  font-size: 20px;
+  padding: 10px 15px;
+  color: #ccac56;
+  transition: color 0.3s;
+}
+
+#custom-wifi:hover,
+#custom-bluetooth:hover {
+  color: #ffffff;
+}
+
+#custom-bluetooth {
+  font-size: 25px;
+  padding: 0 15px;
+  color: #ccac56;
+  transition: color 0.3s;
+}
+#custom-now-playing {
+  color: #ccac56;
+  font-size: 18px;
+  padding: 0 10px;
+  font-family: "{{ theme.waybar.font }}", "monospace";
+}
+#custom-clock {
+  font-size: 18px;
+  padding: 0 10px;
+  color: #ccac56;
+  font-family: "{{ theme.waybar.font }}", "monospace";
+}
+
+#custom-clock:hover {
+  color: #ffffff;
+}
+#custom-date {
+  font-size: 18px;
+  padding: 0 10px;
+  color: #ccac56;
+  font-family: "{{ theme.waybar.font }}", "monospace";
+}
+
+#custom-date:hover {
+  color: #ffffff;
+}
diff --git a/dots/wofi/.config/wofi/config b/dots/wofi/.config/wofi/config
new file mode 100644
index 0000000..ecd1db9
--- /dev/null
+++ b/dots/wofi/.config/wofi/config
@@ -0,0 +1,10 @@
+show=drun
+width=900
+height=500
+always_parse_args=true
+show_all=true
+print_command=true
+layer=overlay
+insensitive=true
+columns=2
+prompt=search app
diff --git a/dots/wofi/.config/wofi/style.css b/dots/wofi/.config/wofi/style.css
new file mode 100644
index 0000000..e389e7e
--- /dev/null
+++ b/dots/wofi/.config/wofi/style.css
@@ -0,0 +1,50 @@
+/* The name of the window itself */
+#window {
+  background-color: rgba(24, 24, 24, 0.6);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  border-radius: 1rem;
+  font-size: 1.2rem;
+  /* The name of the box that contains everything */
+}
+#window #outer-box {
+  /* The name of the search bar */
+  /* The name of the scrolled window containing all of the entries */
+}
+#window #outer-box #input {
+  background-color: rgba(24, 24, 24, 0.6);
+  color: #f2f2f2;
+  border: none;
+  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
+  padding: 0.8rem 1rem;
+  font-size: 1.5rem;
+  border-radius: 1rem 1rem 0 0;
+}
+#window #outer-box #input:focus, #window #outer-box #input:focus-visible, #window #outer-box #input:active {
+  border: none;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+#window #outer-box #scroll {
+  /* The name of the box containing all of the entries */
+}
+#window #outer-box #scroll #inner-box {
+  /* The name of all entries */
+  /* The name of all boxes shown when expanding  */
+  /* entries with multiple actions */
+}
+#window #outer-box #scroll #inner-box #entry {
+  color: #fff;
+  background-color: rgba(24, 24, 24, 0.1);
+  padding: 0.6rem 1rem;
+  /* The name of all images in entries displayed in image mode */
+  /* The name of all the text in entries */
+}
+#window #outer-box #scroll #inner-box #entry #img {
+  width: 1rem;
+  margin-right: 0.5rem;
+}
+#window #outer-box #scroll #inner-box #entry:selected {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}
diff --git a/wofi/.config/wofi/style.css b/wofi/.config/wofi/style.css
new file mode 100644
index 0000000..e389e7e
--- /dev/null
+++ b/wofi/.config/wofi/style.css
@@ -0,0 +1,50 @@
+/* The name of the window itself */
+#window {
+  background-color: rgba(24, 24, 24, 0.6);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  border-radius: 1rem;
+  font-size: 1.2rem;
+  /* The name of the box that contains everything */
+}
+#window #outer-box {
+  /* The name of the search bar */
+  /* The name of the scrolled window containing all of the entries */
+}
+#window #outer-box #input {
+  background-color: rgba(24, 24, 24, 0.6);
+  color: #f2f2f2;
+  border: none;
+  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
+  padding: 0.8rem 1rem;
+  font-size: 1.5rem;
+  border-radius: 1rem 1rem 0 0;
+}
+#window #outer-box #input:focus, #window #outer-box #input:focus-visible, #window #outer-box #input:active {
+  border: none;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+#window #outer-box #scroll {
+  /* The name of the box containing all of the entries */
+}
+#window #outer-box #scroll #inner-box {
+  /* The name of all entries */
+  /* The name of all boxes shown when expanding  */
+  /* entries with multiple actions */
+}
+#window #outer-box #scroll #inner-box #entry {
+  color: #fff;
+  background-color: rgba(24, 24, 24, 0.1);
+  padding: 0.6rem 1rem;
+  /* The name of all images in entries displayed in image mode */
+  /* The name of all the text in entries */
+}
+#window #outer-box #scroll #inner-box #entry #img {
+  width: 1rem;
+  margin-right: 0.5rem;
+}
+#window #outer-box #scroll #inner-box #entry:selected {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+  outline: none;
+}