Initial commit

2023-12-25 18:16:14 +07:00
commit 16b0d77075
174 changed files with 18893 additions and 0 deletions
@@ -0,0 +1,3 @@
+# scripts folder
+- For ARM devices, you have to compile C++ files yourself. If there are none, yippee
+- It is advised to use services instead of listening/polling scripts, so everything here are just scripts for actions
@@ -0,0 +1,156 @@
+#!/usr/bin/env bash
+
+sleep 0 # idk i want some delay or colors dont get applied properly
+cd "$HOME/.config/ags" || exit
+
+colornames=''
+colorstrings=''
+colorlist=()
+colorvalues=()
+
+if [[ "$1" = "--bad-apple" ]]; then
+    cp scripts/color_generation/specials/_material_badapple.scss scss/_material.scss
+    colornames=$(cat scripts/color_generation/specials/_material_badapple.scss | cut -d: -f1)
+    colorstrings=$(cat scripts/color_generation/specials/_material_badapple.scss | cut -d: -f2 | cut -d ' ' -f2 | cut -d ";" -f1)
+    IFS=$'\n'
+    # filearr=( $filelist ) # Get colors
+    colorlist=( $colornames ) # Array of color names
+    colorvalues=( $colorstrings ) # Array of color values
+else
+    colornames=$(cat scss/_material.scss | cut -d: -f1)
+    colorstrings=$(cat scss/_material.scss | cut -d: -f2 | cut -d ' ' -f2 | cut -d ";" -f1)
+    IFS=$'\n'
+    # filearr=( $filelist ) # Get colors
+    colorlist=( $colornames ) # Array of color names
+    colorvalues=( $colorstrings ) # Array of color values
+fi
+
+transparentize() {
+  local hex="$1"
+  local alpha="$2"
+  local red green blue
+
+  red=$((16#${hex:1:2}))
+  green=$((16#${hex:3:2}))
+  blue=$((16#${hex:5:2}))
+
+  printf 'rgba(%d, %d, %d, %.2f)\n' "$red" "$green" "$blue" "$alpha"
+}
+
+get_light_dark() {
+    lightdark=""
+    if [ ! -f ~/.cache/ags/user/colormode.txt ]; then
+        echo "" > ~/.cache/ags/user/colormode.txt
+    else 
+        lightdark=$(cat ~/.cache/ags/user/colormode.txt) # either "" or "-l"
+    fi
+    echo "$lightdark"
+}
+
+apply_gtklock() {
+    # Check if scripts/templates/gtklock/main.scss exists
+    if [ ! -f "scripts/templates/gtklock/main.scss" ]; then
+        echo "SCSS not found. Fallback to CSS."
+    else
+        sassc ~/.config/ags/scripts/templates/gtklock/main.scss ~/.config/gtklock/style.css
+        return
+    fi
+    
+    # Check if scripts/templates/gtklock/style.css exists
+    if [ ! -f "scripts/templates/gtklock/style.css" ]; then
+        echo "Template file not found for Gtklock. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/gtklock/style.css" "$HOME/.config/gtklock/style.css"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/${colorlist[$i]};/${colorvalues[$i]};/g" "$HOME/.config/gtklock/style.css"
+    done
+}
+
+apply_fuzzel() {
+    # Check if scripts/templates/fuzzel/fuzzel.ini exists
+    if [ ! -f "scripts/templates/fuzzel/fuzzel.ini" ]; then
+        echo "Template file not found for Fuzzel. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/fuzzel/fuzzel.ini" "$HOME/.config/fuzzel/fuzzel.ini"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/{{ ${colorlist[$i]} }}/${colorvalues[$i]#\#}/g" "$HOME/.config/fuzzel/fuzzel.ini"
+    done
+}
+
+apply_foot() {
+    # Check if scripts/templates/foot/foot.ini exists
+    if [ ! -f "scripts/templates/foot/foot.ini" ]; then
+        echo "Template file not found for Foot. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/foot/foot.ini" "$HOME/.config/foot/foot_new.ini"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/${colorlist[$i]} #/${colorvalues[$i]#\#}/g" "$HOME/.config/foot/foot_new.ini" # note: ff because theyre opaque
+    done
+
+    cp "$HOME/.config/foot/foot_new.ini" "$HOME/.config/foot/foot.ini"
+}
+
+apply_hyprland() {
+    # Check if scripts/templates/hypr/colors.conf exists
+    if [ ! -f "scripts/templates/hypr/colors.conf" ]; then
+        echo "Template file not found for Hyprland colors. Skipping that."
+        return
+    fi
+    # Copy template
+    cp "scripts/templates/hypr/colors.conf" "$HOME/.config/hypr/colors_new.conf"
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/{{ ${colorlist[$i]} }}/${colorvalues[$i]#\#}/g" "$HOME/.config/hypr/colors_new.conf"
+    done
+    
+    mv "$HOME/.config/hypr/colors_new.conf" "$HOME/.config/hypr/colors.conf"
+}
+
+apply_gtk() { # Using gradience-cli
+    lightdark=$(get_light_dark)
+    
+    # Copy template 
+    cp "scripts/templates/gradience/preset_template.json" "scripts/templates/gradience/preset.json"
+
+    # Apply colors
+    for i in "${!colorlist[@]}"; do
+        sed -i "s/{{ ${colorlist[$i]} }}/${colorvalues[$i]}/g" "scripts/templates/gradience/preset.json"
+    done
+
+    mkdir -p "$HOME/.config/presets" # create gradience presets folder
+    gradience-cli apply -p scripts/templates/gradience/preset.json --gtk both
+
+    # Set light/dark preference 
+    # And set GTK theme manually as Gradience defaults to light adw-gtk3 
+    # (which is unreadable when broken when you use dark mode)
+    if [ "$lightdark" = "-l" ]; then
+        gsettings set org.gnome.desktop.interface gtk-theme 'adw-gtk3'
+        gsettings set org.gnome.desktop.interface color-scheme 'default'
+    else
+        gsettings set org.gnome.desktop.interface gtk-theme adw-gtk3-dark
+        gsettings set org.gnome.desktop.interface color-scheme 'prefer-dark'
+    fi
+}
+
+apply_ags() {
+    sassc "$HOME"/.config/ags/scss/main.scss "$HOME"/.config/ags/style.css
+    ags run-js 'openColorScheme.value = true; Utils.timeout(2000, () => openColorScheme.value = false);'
+    ags run-js "App.resetCss(); App.applyCss('${HOME}/.config/ags/style.css');"
+}
+
+# apply_svgs
+apply_ags &
+apply_hyprland &
+apply_gtk &
+apply_gtklock &
+apply_fuzzel &
+apply_foot
@@ -0,0 +1,61 @@
+#!/usr/bin/bash
+
+# check if no arguments
+if [ $# -eq 0 ]; then
+    echo "Usage: colorgen.sh /path/to/image (--apply)"
+    exit 1
+fi
+
+# check if the file ~/.cache/ags/user/colormode.txt exists. if not, create it. else, read it to $lightdark
+lightdark=""
+if [ ! -f "$HOME/.cache/ags/user/colormode.txt" ]; then
+    echo "" > "$HOME/.cache/ags/user/colormode.txt"
+else 
+    lightdark=$(cat "$HOME/.cache/ags/user/colormode.txt") # either "" or "-l"
+fi
+# check if the file ~/.cache/ags/user/colorbackend.txt exists. if not, create it. else, read it to $lightdark
+backend="material"
+if [ ! -f "$HOME/.cache/ags/user/colorbackend.txt" ]; then
+    echo "material" > "$HOME/.cache/ags/user/colorbackend.txt"
+else 
+    backend=$(cat "$HOME/.cache/ags/user/colorbackend.txt") # either "" or "-l"
+fi
+
+cd "$HOME/.config/ags/scripts/" || exit
+if [[ "$1" = "#"* ]]; then # this is a color
+    color_generation/generate_colors_material.py --color "$1" "$lightdark" > $HOME/.cache/ags/user/generated_colors.txt
+    if [ "$2" = "--apply" ]; then
+        cp $HOME/.cache/ags/user/generated_colors.txt "$HOME/.config/ags/scss/_material.scss"
+        color_generation/applycolor.sh
+    fi
+elif [ "$backend" = "material" ]; then
+    color_generation/generate_colors_material.py --path "$1" "$lightdark" > $HOME/.cache/ags/user/generated_colors.txt
+    if [ "$2" = "--apply" ]; then
+        cp $HOME/.cache/ags/user/generated_colors.txt "$HOME/.config/ags/scss/_material.scss"
+        color_generation/applycolor.sh
+    fi
+elif [ "$backend" = "pywal" ]; then
+    # clear and generate
+    wal -c
+    echo wal -i "$1" -n -t -s -e "$lightdark" -q 
+    wal -i "$1" -n -t -s -e $lightdark -q 
+    # copy scss
+    cp "$HOME/.cache/wal/colors.scss" $HOME/.cache/ags/user/generated_colors.txt
+    
+    cat color_generation/pywal_to_material.scss >> $HOME/.cache/ags/user/generated_colors.txt
+    if [ "$2" = "--apply" ]; then
+        sassc $HOME/.cache/ags/user/generated_colors.txt $HOME/.cache/ags/user/generated_colors_classes.scss --style compact
+        sed -i "s/ { color//g" $HOME/.cache/ags/user/generated_colors_classes.scss
+        sed -i "s/\./$/g" $HOME/.cache/ags/user/generated_colors_classes.scss
+        sed -i "s/}//g" $HOME/.cache/ags/user/generated_colors_classes.scss
+        if [ "$lightdark" = "-l" ]; then
+            printf "\n"'$darkmode: false;'"\n" >> $HOME/.cache/ags/user/generated_colors_classes.scss
+        else
+            printf "\n"'$darkmode: true;'"\n" >> $HOME/.cache/ags/user/generated_colors_classes.scss
+        fi
+
+        cp $HOME/.cache/ags/user/generated_colors_classes.scss "$HOME/.config/ags/scss/_material.scss"
+
+        color_generation/applycolor.sh
+    fi
+fi
@@ -0,0 +1,118 @@
+#!/bin/python3
+from material_color_utilities_python import *
+from pathlib import Path
+import sys
+import subprocess
+
+def darken(hex_color, factor=0.7):
+    if not (hex_color.startswith('#') and len(hex_color) in (4, 7)):
+        raise ValueError("Invalid hex color format")
+    hex_color = hex_color.lstrip('#')
+    rgb = tuple(int(hex_color[i:i + 2], 16) for i in (0, 2, 4))
+    darkened_rgb = tuple(int(max(0, val * factor)) for val in rgb)
+    darkened_hex = "#{:02X}{:02X}{:02X}".format(*darkened_rgb)
+    return darkened_hex
+
+img = 0
+newtheme=0
+if len(sys.argv) > 1 and sys.argv[1] == '--path':
+    # try:
+    img = Image.open(sys.argv[2])
+    basewidth = 64
+    wpercent = (basewidth/float(img.size[0]))
+    hsize = int((float(img.size[1])*float(wpercent)))
+    img = img.resize((basewidth,hsize),Image.Resampling.LANCZOS)
+    newtheme = themeFromImage(img)
+    # except FileNotFoundError:
+    #     print('[generate_colors_material.py] File not found', file=sys.stderr);
+    #     exit()
+    # except:
+    #     print('[generate_colors_material.py] Something went wrong', file=sys.stderr);
+    #     exit()
+elif len(sys.argv) > 1 and sys.argv[1] == '--color':
+    colorstr = sys.argv[2]
+    newtheme = themeFromSourceColor(argbFromHex(colorstr))
+else:
+    # try:
+    imagePath = subprocess.check_output("swww query | awk -F 'image: ' '{print $2}'", shell=True)
+    imagePath = imagePath[:-1].decode("utf-8") 
+    img = Image.open(imagePath)
+    basewidth = 64
+    wpercent = (basewidth/float(img.size[0]))
+    hsize = int((float(img.size[1])*float(wpercent)))
+    img = img.resize((basewidth,hsize),Image.Resampling.LANCZOS)
+    newtheme = themeFromImage(img)
+    # except FileNotFoundError:
+    #     print('[generate_colors_material.py] File not found', file=sys.stderr)
+    #     exit()
+    # except:
+    #     print('[generate_colors_material.py] Something went wrong', file=sys.stderr);
+    #     exit()
+
+colorscheme=0
+if("-l" in sys.argv):
+    colorscheme = newtheme.get('schemes').get('light')
+    print('$darkmode: false;')
+else:
+    colorscheme = newtheme.get('schemes').get('dark')
+    print('$darkmode: true;')
+
+primary = hexFromArgb(colorscheme.get_primary())
+onPrimary = hexFromArgb(colorscheme.get_onPrimary())
+primaryContainer = hexFromArgb(colorscheme.get_primaryContainer())
+onPrimaryContainer = hexFromArgb(colorscheme.get_onPrimaryContainer())
+secondary = hexFromArgb(colorscheme.get_secondary())
+onSecondary = hexFromArgb(colorscheme.get_onSecondary())
+secondaryContainer = hexFromArgb(colorscheme.get_secondaryContainer())
+onSecondaryContainer = hexFromArgb(colorscheme.get_onSecondaryContainer())
+tertiary = hexFromArgb(colorscheme.get_tertiary())
+onTertiary = hexFromArgb(colorscheme.get_onTertiary())
+tertiaryContainer = hexFromArgb(colorscheme.get_tertiaryContainer())
+onTertiaryContainer = hexFromArgb(colorscheme.get_onTertiaryContainer())
+error = hexFromArgb(colorscheme.get_error())
+onError = hexFromArgb(colorscheme.get_onError())
+errorContainer = hexFromArgb(colorscheme.get_errorContainer())
+onErrorContainer = hexFromArgb(colorscheme.get_onErrorContainer())
+background = hexFromArgb(colorscheme.get_background())
+onBackground = hexFromArgb(colorscheme.get_onBackground())
+surface = hexFromArgb(colorscheme.get_surface())
+onSurface = hexFromArgb(colorscheme.get_onSurface())
+surfaceVariant = hexFromArgb(colorscheme.get_surfaceVariant())
+onSurfaceVariant = hexFromArgb(colorscheme.get_onSurfaceVariant())
+outline = hexFromArgb(colorscheme.get_outline())
+shadow = hexFromArgb(colorscheme.get_shadow())
+inverseSurface = hexFromArgb(colorscheme.get_inverseSurface())
+inverseOnSurface = hexFromArgb(colorscheme.get_inverseOnSurface())
+inversePrimary = hexFromArgb(colorscheme.get_inversePrimary())
+
+# post proccessing
+background = darken(background, 0.6)
+
+print('$primary: ' + primary + ';')
+print('$onPrimary: ' + onPrimary + ';')
+print('$primaryContainer: ' + primaryContainer + ';')
+print('$onPrimaryContainer: ' + onPrimaryContainer + ';')
+print('$secondary: ' + secondary + ';')
+print('$onSecondary: ' + onSecondary + ';')
+print('$secondaryContainer: ' + secondaryContainer + ';')
+print('$onSecondaryContainer: ' + onSecondaryContainer + ';')
+print('$tertiary: ' + tertiary + ';')
+print('$onTertiary: ' + onTertiary + ';')
+print('$tertiaryContainer: ' + tertiaryContainer + ';')
+print('$onTertiaryContainer: ' + onTertiaryContainer + ';')
+print('$error: ' + error + ';')
+print('$onError: ' + onError + ';')
+print('$errorContainer: ' + errorContainer + ';')
+print('$onErrorContainer: ' + onErrorContainer + ';')
+print('$colorbarbg: ' + background + ';')
+print('$background: ' + background + ';')
+print('$onBackground: ' + onBackground + ';')
+print('$surface: ' + surface + ';')
+print('$onSurface: ' + onSurface + ';')
+print('$surfaceVariant: ' + surfaceVariant + ';')
+print('$onSurfaceVariant: ' + onSurfaceVariant + ';')
+print('$outline: ' + outline + ';')
+print('$shadow: ' + shadow + ';')
+print('$inverseSurface: ' + inverseSurface + ';')
+print('$inverseOnSurface: ' + inverseOnSurface + ';')
+print('$inversePrimary: ' + inversePrimary + ';')
@@ -0,0 +1,57 @@
+$primary: lighten($color4, 20%);
+$onPrimary: darken($color2, 20%);
+$primaryContainer: darken($color2, 10%);
+$onPrimaryContainer: lighten($color4, 10%);
+$secondary: desaturate(lighten($color5, 20%), 20%);
+$onSecondary: desaturate(darken($color3, 20%), 20%);
+$secondaryContainer: desaturate(darken($color3, 20%), 20%);
+$onSecondaryContainer: desaturate(lighten($color5, 20%), 20%);
+$tertiary: adjust-hue(lighten($color4, 20%), 30deg);
+$onTertiary: adjust-hue(darken($color2, 20%), 30deg);
+$tertiaryContainer: adjust-hue(darken($color2, 10%), 30deg);
+$tertiaryContainer: adjust-hue(lighten($color4, 10%), 30deg);
+$error: #ffb4a9;
+$onError: #680003;
+$errorContainer: #930006;
+$onErrorContainer: #ffb4a9;
+$colorbarbg: $color0;
+$background: $color0;
+$onBackground: $color7;
+$surface: $color0;
+$onSurface: $color7;
+$surfaceVariant: $color1;
+$onSurfaceVariant: $color7;
+$outline: $color7;
+$shadow: #000000;
+$inverseSurface: invert($surface);
+$inverseOnSurface: invert($onSurface);
+$inversePrimary: invert($primary);
+
+.primary { color: $primary; }
+.onPrimary { color: $onPrimary; }
+.primaryContainer { color: $primaryContainer; }
+.onPrimaryContainer { color: $onPrimaryContainer; }
+.secondary { color: $secondary; }
+.onSecondary { color: $onSecondary; }
+.secondaryContainer { color: $secondaryContainer; }
+.onSecondaryContainer { color: $onSecondaryContainer; }
+.tertiary { color: $tertiary; }
+.onTertiary { color: $onTertiary; }
+.tertiaryContainer { color: $tertiaryContainer; }
+.onTertiaryContainer { color: $tertiaryContainer; }
+.error { color: $error; }
+.onError { color: $onError; }
+.errorContainer { color: $errorContainer; }
+.onErrorContainer { color: $onErrorContainer; }
+.colorbarbg { color: $colorbarbg; }
+.background { color: $background; }
+.onBackground { color: $onBackground; }
+.surface { color: $surface; }
+.onSurface { color: $onSurface; }
+.surfaceVariant { color: $surfaceVariant; }
+.onSurfaceVariant { color: $onSurfaceVariant; }
+.outline { color: $outline; }
+.shadow { color: $shadow; }
+.inverseSurface { color: $inverseSurface; }
+.inverseOnSurface { color: $inverseOnSurface; }
+.inversePrimary { color: $inversePrimary; }
@@ -0,0 +1,30 @@
+$darkmode: true;
+$primary: #e2e2e2;
+$onPrimary: #000000;
+$primaryContainer: #6b6b6b;
+$onPrimaryContainer: #e2e2e2;
+$secondary: #e2e2e2;
+$onSecondary: #000000;
+$secondaryContainer: #313131;
+$onSecondaryContainer: #e2e2e2;
+$tertiary: #e2e2e2;
+$onTertiary: #000000;
+$tertiaryContainer: #000000;
+$onTertiaryContainer: #e2e2e2;
+$error: #e2e2e2;
+$onError: #000000;
+$errorContainer: #000000;
+$onErrorContainer: #e2e2e2;
+$colorbarbg: #000000;
+$background: #000000;
+$onBackground: #e2e2e2;
+$surface: #000000;
+$onSurface: #e2e2e2;
+$surfaceVariant: #202020;
+$onSurfaceVariant: #e2e2e2;
+$outline: #a1a1a1;
+$shadow: #000000;
+$inverseSurface: #e2e2e2;
+$inverseOnSurface: #000000;
+$inversePrimary: #e2e2e2;
+
@@ -0,0 +1,11 @@
+#!/usr/bin/bash
+# Switches sww wallpaper
+# Requires: coreutils, xrandr, hyprland
+
+color=$(hyprpicker --no-fancy)
+
+# Generate colors for ags n stuff
+"$HOME"/.config/ags/scripts/color_generation/colorgen.sh "${color}" --apply
+sassc "$HOME"/.config/ags/scss/main.scss "$HOME"/.config/ags/style.css
+ags run-js "App.resetCss(); App.applyCss('${HOME}/.config/ags/style.css');"
+
@@ -0,0 +1,29 @@
+#!/usr/bin/bash
+# Switches sww wallpaper
+# Requires: coreutils, xrandr, hyprland
+
+if [ "$1" == "--noswitch" ]; then
+    imgpath=$(swww query | awk -F 'image: ' '{print $2}')
+else
+    # Select and set image (hyprland)
+    cd "$HOME/Pictures"
+    imgpath=$(yad --width 1200 --height 800 --file --title='Choose wallpaper')
+    screensizey=$(xrandr --current | grep '*' | uniq | awk '{print $1}' | cut -d 'x' -f2 | head -1)
+    cursorposx=$(hyprctl cursorpos -j | gojq '.x')
+    cursorposy=$(hyprctl cursorpos -j | gojq '.y')
+    cursorposy_inverted=$(( screensizey - cursorposy ))
+
+    if [ "$imgpath" == '' ]; then
+        echo 'Aborted'
+        exit 0
+    fi
+
+    echo Sending "$imgpath" to swww. Cursor pos: ["$cursorposx, $cursorposy_inverted"]
+    # Change swww wallpaper
+    swww img "$imgpath" --transition-step 100 --transition-fps 60 \
+    --transition-type grow --transition-angle 30 --transition-duration 1 \
+    --transition-pos "$cursorposx, $cursorposy_inverted"
+fi
+
+# Generate colors for ags n stuff
+"$HOME"/.config/ags/scripts/color_generation/colorgen.sh "${imgpath}" --apply
@@ -0,0 +1,22 @@
+#!/usr/bin/env bash
+
+getdate() {
+    date '+%Y%m%d_%H-%M-%S'
+}
+
+cd ~/Videos || exit
+if [[ "$(pidof wf-recorder)" == "" ]]; then
+    notify-send "Starting recording" 'recording_'"$(getdate)"'.mp4' -a 'record-script.sh'
+    if [[ "$1" == "--sound" ]]; then
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+    elif [[ "$1" == "--fullscreen-sound" ]]; then
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t --audio=alsa_output.pci-0000_08_00.6.analog-stereo.monitor
+    elif [[ "$1" == "--fullscreen" ]]; then
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t
+    else 
+        wf-recorder -f './recording_'"$(getdate)"'.mp4' -t --geometry "$(slurp)" 
+    fi
+else
+    /usr/bin/kill --signal SIGINT wf-recorder
+    notify-send "Recording Stopped" "Stopped" -a 'record-script.sh'
+fi
@@ -0,0 +1,156 @@
+# -*- conf -*-
+
+shell=fish
+# term=foot (or xterm-256color if built with -Dterminfo=disabled)
+term=xterm-256color
+# login-shell=no
+
+# app-id=foot
+title=foot
+# locked-title=no
+
+font=SpaceMono Nerd Font:size=11
+# font-bold=<bold variant of regular font>
+# font-italic=<italic variant of regular font>
+# font-bold-italic=<bold+italic variant of regular font>
+# line-height=<font metrics>
+letter-spacing=0
+# horizontal-letter-offset=0
+# vertical-letter-offset=0
+# underline-offset=<font metrics>
+# box-drawings-uses-font-glyphs=no
+dpi-aware=no
+
+# initial-window-size-pixels=700x500  # Or,
+# initial-window-size-chars=<COLSxROWS>
+# initial-window-mode=windowed
+pad=25x25                          # optionally append 'center'
+# resize-delay-ms=100
+
+# notify=notify-send -a ${app-id} -i ${app-id} ${title} ${body}
+
+bold-text-in-bright=no
+# word-delimiters=,│`|:"'()[]{}<>
+# selection-target=primary
+# workers=<number of logical CPUs>
+
+[bell]
+# urgent=no
+# notify=no
+# command=
+# command-focused=no
+
+[scrollback]
+lines=10000
+# multiplier=3.0
+# indicator-position=relative
+# indicator-format=
+
+[url]
+# launch=xdg-open ${url}
+# label-letters=sadfjklewcmpgh
+# osc8-underline=url-mode
+# protocols=http, https, ftp, ftps, file, gemini, gopher
+# uri-characters=abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-_.,~:;/?#@!$&%*+="'
+
+[cursor]
+style=beam
+# color=111111 dcdccc
+color=$background # $onBackground #
+# blink=no
+beam-thickness=1.5
+# underline-thickness=<font underline thickness>
+
+[mouse]
+# hide-when-typing=no
+# alternate-scroll-mode=yes
+
+[colors]
+alpha=1
+background=$background #
+foreground=$onBackground #
+regular0=$background #
+regular1=$error #
+regular2=$inversePrimary #
+regular3=$onPrimaryContainer #
+regular4=$onPrimaryContainer #
+regular5=$onSecondaryContainer #
+regular6=$primary #
+regular7=$onSurfaceVariant #
+bright0=$background #
+bright1=$error #
+bright2=$inversePrimary #
+bright3=$onPrimaryContainer #
+bright4=$onPrimaryContainer #
+bright5=$onSecondaryContainer #
+bright6=$primary #
+bright7=$onSurfaceVariant #
+
+[csd]
+# preferred=server
+# size=26
+# font=<primary font>
+# color=<foreground color>
+# button-width=26
+# button-color=<background color>
+# button-minimize-color=<regular4>
+# button-maximize-color=<regular2>
+# button-close-color=<regular1>
+
+[key-bindings]
+scrollback-up-page=Page_Up
+# scrollback-up-half-page=none
+# scrollback-up-line=none
+scrollback-down-page=Page_Down
+# scrollback-down-half-page=none
+# scrollback-down-line=none
+clipboard-copy=Control+c
+clipboard-paste=Control+v
+# primary-paste=Shift+Insert
+search-start=Control+f
+# font-increase=Control+plus Control+equal Control+KP_Add
+# font-decrease=Control+minus Control+KP_Subtract
+# font-reset=Control+0 Control+KP_0
+# spawn-terminal=Control+Shift+n
+# minimize=none
+# maximize=none
+# fullscreen=none
+# pipe-visible=[sh -c "xurls | fuzzel | xargs -r firefox"] none
+# pipe-scrollback=[sh -c "xurls | fuzzel | xargs -r firefox"] none
+# pipe-selected=[xargs -r firefox] none
+# show-urls-launch=Control+Shift+u
+# show-urls-copy=none
+
+[search-bindings]
+# cancel=Control+g Control+c Escape
+# commit=Return
+# find-prev=Control+r
+# find-next=Control+s
+# cursor-left=Left Control+b
+# cursor-left-word=Control+Left Mod1+b
+# cursor-right=Right Control+f
+# cursor-right-word=Control+Right Mod1+f
+# cursor-home=Home Control+a
+# cursor-end=End Control+e
+# delete-prev=BackSpace
+# delete-prev-word=Control+BackSpace
+# delete-next=Delete
+# delete-next-word=Mod1+d Control+Delete
+# extend-to-word-boundary=Control+w
+# extend-to-next-whitespace=Control+Shift+w
+# clipboard-paste=Control+v Control+y
+# primary-paste=Shift+Insert
+
+[url-bindings]
+# cancel=Control+g Control+c Control+d Escape
+# toggle-url-visible=t
+
+[mouse-bindings]
+# primary-paste=BTN_MIDDLE
+# select-begin=BTN_LEFT
+# select-begin-block=Control+BTN_LEFT
+# select-extend=BTN_RIGHT
+# select-extend-character-wise=Control+BTN_RIGHT
+# select-word=BTN_LEFT-2
+# select-word-whitespace=Control+BTN_LEFT-2
+# select-row=BTN_LEFT-3
@@ -0,0 +1,21 @@
+font=Gabarito
+terminal=foot -e
+prompt=">>  "
+layer=overlay
+
+[colors]
+background={{ $background }}ff
+text={{ $onBackground }}ff
+selection={{ $surfaceVariant }}ff
+selection-text={{ $onSurfaceVariant }}ff
+border={{ $surfaceVariant }}ff
+match={{ $primary }}ff
+selection-match={{ $primary }}ff
+
+
+[border]
+radius=17
+width=2
+
+[dmenu]
+exit-immediately-if-empty=yes
@@ -0,0 +1,139 @@
+{
+    "name": "Material3_Generated",
+    "variables": {
+        "theme_fg_color": "#AEE5FA",
+        "theme_text_color": "#AEE5FA",
+        "theme_bg_color": "#1a1b26",
+        "theme_base_color": "#1a1b26",
+        "theme_selected_bg_color": "#AEE5FA",
+        "theme_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "insensitive_bg_color": "#1a1b26",
+        "insensitive_fg_color": "rgba(192, 202, 245, 0.5)",
+        "insensitive_base_color": "#24283b",
+        "theme_unfocused_fg_color": "#AEE5FA",
+        "theme_unfocused_text_color": "#c0caf5",
+        "theme_unfocused_bg_color": "#1a1b26",
+        "theme_unfocused_base_color": "#1a1b26",
+        "theme_unfocused_selected_bg_color": "#a9b1d6",
+        "theme_unfocused_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "unfocused_insensitive_color": "rgba(192, 202, 245, 0.5)",
+        "borders": "rgba(192, 202, 245, 0.12)",
+        "unfocused_borders": "rgba(192, 202, 245, 0.12)",
+        "warning_color": "#FDD633",
+        "error_color": "#BA1B1B",
+        "success_color": "#81C995",
+        "wm_title": "#AEE5FA",
+        "wm_unfocused_title": "rgba(192, 202, 245, 0.7)",
+        "wm_highlight": "rgba(192, 202, 245, 0.1)",
+        "wm_bg": "#1a1b26",
+        "wm_unfocused_bg": "#1a1b26",
+        "wm_button_close_icon": "#1a1b26",
+        "wm_button_close_hover_bg": "#a9b1d6",
+        "wm_button_close_active_bg": "#c7c7c7",
+        "content_view_bg": "#1a1b26",
+        "placeholder_text_color": "silver",
+        "text_view_bg": "#1d1d1d",
+        "budgie_tasklist_indicator_color": "#90D1F6",
+        "budgie_tasklist_indicator_color_active": "#90D1F6",
+        "budgie_tasklist_indicator_color_active_window": "#999999",
+        "budgie_tasklist_indicator_color_attention": "#FDD633",
+        "STRAWBERRY_100": "#FF9262",
+        "STRAWBERRY_300": "#FF793E",
+        "STRAWBERRY_500": "#F15D22",
+        "STRAWBERRY_700": "#CF3B00",
+        "STRAWBERRY_900": "#AC1800",
+        "ORANGE_100": "#FFDB91",
+        "ORANGE_300": "#FFCA40",
+        "ORANGE_500": "#FAA41A",
+        "ORANGE_700": "#DE8800",
+        "ORANGE_900": "#C26C00",
+        "BANANA_100": "#FFFFA8",
+        "BANANA_300": "#FFFA7D",
+        "BANANA_500": "#FFCE51",
+        "BANANA_700": "#D1A023",
+        "BANANA_900": "#A27100",
+        "LIME_100": "#A2F3BE",
+        "LIME_300": "#8ADBA6",
+        "LIME_500": "#73C48F",
+        "LIME_700": "#479863",
+        "LIME_900": "#1C6D38",
+        "BLUEBERRY_100": "#94A6FF",
+        "BLUEBERRY_300": "#6A7CE0",
+        "BLUEBERRY_500": "#3F51B5",
+        "BLUEBERRY_700": "#213397",
+        "BLUEBERRY_900": "#031579",
+        "GRAPE_100": "#D25DE6",
+        "GRAPE_300": "#B84ACB",
+        "GRAPE_500": "#9C27B0",
+        "GRAPE_700": "#830E97",
+        "GRAPE_900": "#6A007E",
+        "COCOA_100": "#9F9792",
+        "COCOA_300": "#7B736E",
+        "COCOA_500": "#574F4A",
+        "COCOA_700": "#463E39",
+        "COCOA_900": "#342C27",
+        "SILVER_100": "#EEE",
+        "SILVER_300": "#CCC",
+        "SILVER_500": "#AAA",
+        "SILVER_700": "#888",
+        "SILVER_900": "#666",
+        "SLATE_100": "#888",
+        "SLATE_300": "#666",
+        "SLATE_500": "#444",
+        "SLATE_700": "#222",
+        "SLATE_900": "#111",
+        "BLACK_100": "#474341",
+        "BLACK_300": "#403C3A",
+        "BLACK_500": "#393634",
+        "BLACK_700": "#33302F",
+        "BLACK_900": "#2B2928",
+        "accent_bg_color": "#c4c0ff",
+        "accent_fg_color": "#251a8c",
+        "accent_color": "#c4c0ff",
+        "destructive_bg_color": "#ffb4a9",
+        "destructive_fg_color": "#680003",
+        "destructive_color": "#ffb4a9",
+        "success_bg_color": "#81C995",
+        "success_fg_color": "rgba(0, 0, 0, 0.87)",
+        "warning_bg_color": "#FDD633",
+        "warning_fg_color": "rgba(0, 0, 0, 0.87)",
+        "error_bg_color": "#ffb4a9",
+        "error_fg_color": "#680003",
+        "window_bg_color": "#101012",
+        "window_fg_color": "#e5e1e6",
+        "view_bg_color": "#1c1b1f",
+        "view_fg_color": "#e5e1e6",
+        "headerbar_bg_color": "mix(@dialog_bg_color, @window_bg_color, 0.5)",
+        "headerbar_fg_color": "#e3dff9",
+        "headerbar_border_color": "#464559",
+        "headerbar_backdrop_color": "@headerbar_bg_color",
+        "headerbar_shade_color": "rgba(0, 0, 0, 0.09)",
+        "card_bg_color": "#101012",
+        "card_fg_color": "#e3dff9",
+        "card_shade_color": "rgba(0, 0, 0, 0.09)",
+        "dialog_bg_color": "#464559",
+        "dialog_fg_color": "#e3dff9",
+        "popover_bg_color": "#464559",
+        "popover_fg_color": "#e3dff9",
+        "thumbnail_bg_color": "#1a1b26",
+        "thumbnail_fg_color": "#AEE5FA",
+        "shade_color": "rgba(0, 0, 0, 0.36)",
+        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
+    },
+    "palette": {
+        "blue_": {},
+        "green_": {},
+        "yellow_": {},
+        "orange_": {},
+        "red_": {},
+        "purple_": {},
+        "brown_": {},
+        "light_": {},
+        "dark_": {}
+    },
+    "custom_css": {
+        "gtk4": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; ",
+        "gtk3": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; "
+    },
+    "plugins": {}
+}
@@ -0,0 +1,139 @@
+{
+    "name": "Material3_Generated",
+    "variables": {
+        "theme_fg_color": "#AEE5FA",
+        "theme_text_color": "#AEE5FA",
+        "theme_bg_color": "#1a1b26",
+        "theme_base_color": "#1a1b26",
+        "theme_selected_bg_color": "#AEE5FA",
+        "theme_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "insensitive_bg_color": "#1a1b26",
+        "insensitive_fg_color": "rgba(192, 202, 245, 0.5)",
+        "insensitive_base_color": "#24283b",
+        "theme_unfocused_fg_color": "#AEE5FA",
+        "theme_unfocused_text_color": "#c0caf5",
+        "theme_unfocused_bg_color": "#1a1b26",
+        "theme_unfocused_base_color": "#1a1b26",
+        "theme_unfocused_selected_bg_color": "#a9b1d6",
+        "theme_unfocused_selected_fg_color": "rgba(0, 0, 0, 0.87)",
+        "unfocused_insensitive_color": "rgba(192, 202, 245, 0.5)",
+        "borders": "rgba(192, 202, 245, 0.12)",
+        "unfocused_borders": "rgba(192, 202, 245, 0.12)",
+        "warning_color": "#FDD633",
+        "error_color": "#BA1B1B",
+        "success_color": "#81C995",
+        "wm_title": "#AEE5FA",
+        "wm_unfocused_title": "rgba(192, 202, 245, 0.7)",
+        "wm_highlight": "rgba(192, 202, 245, 0.1)",
+        "wm_bg": "#1a1b26",
+        "wm_unfocused_bg": "#1a1b26",
+        "wm_button_close_icon": "#1a1b26",
+        "wm_button_close_hover_bg": "#a9b1d6",
+        "wm_button_close_active_bg": "#c7c7c7",
+        "content_view_bg": "#1a1b26",
+        "placeholder_text_color": "silver",
+        "text_view_bg": "#1d1d1d",
+        "budgie_tasklist_indicator_color": "#90D1F6",
+        "budgie_tasklist_indicator_color_active": "#90D1F6",
+        "budgie_tasklist_indicator_color_active_window": "#999999",
+        "budgie_tasklist_indicator_color_attention": "#FDD633",
+        "STRAWBERRY_100": "#FF9262",
+        "STRAWBERRY_300": "#FF793E",
+        "STRAWBERRY_500": "#F15D22",
+        "STRAWBERRY_700": "#CF3B00",
+        "STRAWBERRY_900": "#AC1800",
+        "ORANGE_100": "#FFDB91",
+        "ORANGE_300": "#FFCA40",
+        "ORANGE_500": "#FAA41A",
+        "ORANGE_700": "#DE8800",
+        "ORANGE_900": "#C26C00",
+        "BANANA_100": "#FFFFA8",
+        "BANANA_300": "#FFFA7D",
+        "BANANA_500": "#FFCE51",
+        "BANANA_700": "#D1A023",
+        "BANANA_900": "#A27100",
+        "LIME_100": "#A2F3BE",
+        "LIME_300": "#8ADBA6",
+        "LIME_500": "#73C48F",
+        "LIME_700": "#479863",
+        "LIME_900": "#1C6D38",
+        "BLUEBERRY_100": "#94A6FF",
+        "BLUEBERRY_300": "#6A7CE0",
+        "BLUEBERRY_500": "#3F51B5",
+        "BLUEBERRY_700": "#213397",
+        "BLUEBERRY_900": "#031579",
+        "GRAPE_100": "#D25DE6",
+        "GRAPE_300": "#B84ACB",
+        "GRAPE_500": "#9C27B0",
+        "GRAPE_700": "#830E97",
+        "GRAPE_900": "#6A007E",
+        "COCOA_100": "#9F9792",
+        "COCOA_300": "#7B736E",
+        "COCOA_500": "#574F4A",
+        "COCOA_700": "#463E39",
+        "COCOA_900": "#342C27",
+        "SILVER_100": "#EEE",
+        "SILVER_300": "#CCC",
+        "SILVER_500": "#AAA",
+        "SILVER_700": "#888",
+        "SILVER_900": "#666",
+        "SLATE_100": "#888",
+        "SLATE_300": "#666",
+        "SLATE_500": "#444",
+        "SLATE_700": "#222",
+        "SLATE_900": "#111",
+        "BLACK_100": "#474341",
+        "BLACK_300": "#403C3A",
+        "BLACK_500": "#393634",
+        "BLACK_700": "#33302F",
+        "BLACK_900": "#2B2928",
+        "accent_bg_color": "{{ $primary }}",
+        "accent_fg_color": "{{ $onPrimary }}",
+        "accent_color": "{{ $primary }}",
+        "destructive_bg_color": "{{ $error }}",
+        "destructive_fg_color": "{{ $onError }}",
+        "destructive_color": "{{ $error }}",
+        "success_bg_color": "#81C995",
+        "success_fg_color": "rgba(0, 0, 0, 0.87)",
+        "warning_bg_color": "#FDD633",
+        "warning_fg_color": "rgba(0, 0, 0, 0.87)",
+        "error_bg_color": "{{ $error }}",
+        "error_fg_color": "{{ $onError }}",
+        "window_bg_color": "{{ $background }}",
+        "window_fg_color": "{{ $onBackground }}",
+        "view_bg_color": "{{ $surface }}",
+        "view_fg_color": "{{ $onSurface }}",
+        "headerbar_bg_color": "mix(@dialog_bg_color, @window_bg_color, 0.5)",
+        "headerbar_fg_color": "{{ $onSecondaryContainer }}",
+        "headerbar_border_color": "{{ $secondaryContainer }}",
+        "headerbar_backdrop_color": "@headerbar_bg_color",
+        "headerbar_shade_color": "rgba(0, 0, 0, 0.09)",
+        "card_bg_color": "{{ $background }}",
+        "card_fg_color": "{{ $onSecondaryContainer }}",
+        "card_shade_color": "rgba(0, 0, 0, 0.09)",
+        "dialog_bg_color": "{{ $secondaryContainer }}",
+        "dialog_fg_color": "{{ $onSecondaryContainer }}",
+        "popover_bg_color": "{{ $secondaryContainer }}",
+        "popover_fg_color": "{{ $onSecondaryContainer }}",
+        "thumbnail_bg_color": "#1a1b26",
+        "thumbnail_fg_color": "#AEE5FA",
+        "shade_color": "rgba(0, 0, 0, 0.36)",
+        "scrollbar_outline_color": "rgba(0, 0, 0, 0.5)"
+    },
+    "palette": {
+        "blue_": {},
+        "green_": {},
+        "yellow_": {},
+        "orange_": {},
+        "red_": {},
+        "purple_": {},
+        "brown_": {},
+        "light_": {},
+        "dark_": {}
+    },
+    "custom_css": {
+        "gtk4": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; ",
+        "gtk3": "@define-color sidebar_bg_color @window_bg_color; @define-color sidebar_fg_color @window_fg_color; @define-color sidebar_border_color @window_bg_color; @define-color sidebar_backdrop_color @window_bg_color; "
+    },
+    "plugins": {}
+}
@@ -0,0 +1,89 @@
+// Could just sed but scss is way less hacky
+@import '../../../scss/_material.scss';  // Which is ~/.config/ags/scss/_material.scss
+
+* {
+    all: unset;
+    border: 0rem;
+}
+
+window {
+    background-color: transparentize($background, 0.6);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem; // bye bye
+}
+
+#input-field {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    caret-color: $onSecondaryContainer;
+    border-radius: 999px;
+    font-size: 1.3rem;
+    padding: 0.341rem 1.364rem;
+    margin: 0.477rem;
+    box-shadow: 2px 2px 4px rgba(22, 22, 22, 0.5);
+    min-height: 2.727rem;
+}
+
+#unlock-button {
+    margin: -20rem; // bye bye
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: $error;
+}
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    margin: 0.6rem;
+    margin-top: -35rem; // higher clock position
+    color: $onSecondaryContainer;
+    text-shadow: 1px 1px 2px rgba(22, 22, 30, 0.5);
+}
+
+// #user-image {}
+
+// #powerbar-box {}
+
+#poweroff-button,
+#reboot-button,
+#suspend-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 0.341rem;
+    border-radius: 9999px;
+}
+
+#poweroff-button:hover,
+#reboot-button:hover,
+#suspend-button:hover,
+#poweroff-button:focus,
+#reboot-button:focus,
+#suspend-button:focus {
+    background-color: mix($secondaryContainer, white, 80%);
+}
+
+#poweroff-button:active,
+#reboot-button:active,
+#suspend-button:active {
+    background-color: mix($secondaryContainer, white, 70%);
+}
@@ -0,0 +1,102 @@
+/* Gtklock css */
+
+* {
+    all: unset;
+    border: 0px;
+}
+
+window {
+    background: rgba(0, 0, 0, 0.5);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+}
+
+#input-field {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    caret-color: $onSecondaryContainer;
+    border-radius: 999px;
+    font-size: 1.3rem;
+    padding: 0.341rem 1.364rem;
+    margin: 0.477rem;
+    box-shadow: 2px 2px 4px rgba(22, 22, 22, 0.5);
+    min-height: 2.727rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: $error;
+}
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    margin: 0.6rem;
+    margin-top: -35rem;
+    color: $onSecondaryContainer;
+    text-shadow: 1px 1px 2px rgba(22, 22, 30, 0.5);
+}
+
+#user-image {}
+
+#powerbar-box {}
+
+#poweroff-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#suspend-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#reboot-button {
+    background-color: $secondaryContainer;
+    color: $onSecondaryContainer;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#poweroff-button:hover,
+#reboot-button:hover,
+#suspend-button:hover {
+    background: rgba(200, 200, 200, 0.3);
+}
+
+#poweroff-button:active,
+#reboot-button:active,
+#suspend-button:active {
+    background: rgba(200, 200, 200, 0.5);
+}
@@ -0,0 +1,43 @@
+# Auto generated color theme for image at: [Local wallpaper]
+general {
+    col.active_border = rgba({{ $primaryContainer }}FF)
+    col.inactive_border = rgba({{ $secondaryContainer }}CC)
+}
+
+plugin {
+    droidbars {
+        # example config
+        bar_height = 30
+        background_color = rgba({{ $background }}FF)
+        # background_color_active = rgba({{ $surfaceVariant }}FF) # Not added yet
+        text_color = rgba({{ $onSecondaryContainer }}FF)
+        font_family = Lexend
+        button_font_fmily = JetBrainsMono NF
+
+        # example buttons (R -> L)
+        # droidbars-button = [0]isLeft(0/1), [1]color, [2]color2, [3]width, [4]height, [5]icon, [6]buttonType, [7]on-click     
+        droidbars-button = 0, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 42, 16,‎    󰖭, normal, hyprctl dispatch killactive
+        droidbars-button = 0, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 42, 16,‎   , normal, hyprctl dispatch fullscreen 1
+        droidbars-button = 1, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 16, 16,‎󰐃, pin, hyprctl dispatch pin
+        droidbars-button = 1, rgba({{ $onSecondaryContainer }}FF), rgba({{ $primary }}FF), 16, 16,󰗘, float, hyprctl dispatch togglefloating
+    }
+    hyprbars {
+        # Honestly idk if it works like css, but well, why not
+        bar_text_font = Geist, AR One Sans, Reddit Sans, Inter, Roboto, Ubuntu, Noto Sans, sans-serif
+        bar_height = 30
+        bar_padding = 10
+        bar_button_padding = 5
+        bar_precedence_over_border = true
+        bar_part_of_window = true
+
+        bar_color = rgb({{ $background }})
+        col.text = rgb({{ $onBackground }})
+
+
+        # example buttons (R -> L)
+        # hyprbars-button = color, size, on-click
+        hyprbars-button = rgb({{ $onBackground }}), 13, 󰖭, hyprctl dispatch killactive
+        hyprbars-button = rgb({{ $onBackground }}), 13, 󰖯, hyprctl dispatch fullscreen 1
+        hyprbars-button = rgb({{ $onBackground }}), 13, 󰖰, hyprctl dispatch movetoworkspacesilent special
+    }
+}